2014年8月22日カテゴリー:

EC-CUBE:No.018 トップページで表示するjQueryスライド(カルーセル)画像

このカスタマイズを現行サイトへ実装したい方はこちら

▼サンプルをご覧ください。
http://www.kaiplus.com/part/213/(3カラムのメインカラムに配置)
http://www.kaiplus.com/part/213_2/(2カラムのメインカラムに配置)
http://www.kaiplus.com/part/213_3/(ヘッダー直下に配置)

▼テンプレートファイルを修正することで、レイアウト等の変更が可能です。
http://www.kaiplus.com/user_data/top_slider.php

管理画面、コンテンツ管理>トップ画像管理でメイン画像・サムネイル画像を登録します。

▼登録された画像の一覧(「トップページ画像を新規入力」ボタンをクリックすると登録画面が開きます)

▼登録画面

▼登録する画像の横幅・高さのサイズは、システム設定>パラメーター設定で設定します。

▼ブロックを配置して表示します。
3カラム・2カラムのメインカラム、ヘッダー直下のカラムに配置することが可能です。

▼テンプレートを修正することで、レイアウトや転換効果、サムネイル画像の表示・非表示が可能です。
こちらをご覧ください→http://www.kaiplus.com/user_data/top_slider.php

*********************************************

画像のサイズは、パラメータ設定で設定したサイズでアップロードされ、配置するカラムの幅に合わせて縮小表示されます。
このため、意図した画質通りに表示されません。
画質を落とさないで表示したい場合は、画面に表示されているサイズでアップロードされるようにパラメータ設定でサイズを変更してください。

【画面に表示されているサイズ】
たとえばIE(インターネット・エクスプローラ)では、画像の上で右クリックし、メニューの「プロパティ」をクリックすると、下図のように表示されます。
「大きさ」の欄にサイズが表示されています。
下図では578×220ピクセルなので、TOP_MAIN_WIDTH:578、TOP_MAIN_HEIGHT :373 に設定します。
設定を変更した後は、管理画面で再度、メイン画像を登録してください。
ブロックを配置するカラムを確定してから行ってください。

*********************************************

【ご利用の流れ】
1.空フォルダをダウンロードします。空フォルダは各カスタマイズごとに異なります。対象となる空フォルダをダウンロードしてください。その際、EC-CUBEのバージョンとデータベースの種類をお書き添えください。(EC-CUBE2.4系のカスタマイズは行っておりません)
2.現行サイトのファイルを空フォルダに入れた後、zip形式等で圧縮し下記送信先にお送りください。
3.こちらでカスタマイズを施し、ファイルと請求書を送信いたします。
4.お客様ご自身でデータベースの追加・ファイルのアップロードを行い、動作確認をしてください。
5.料金は後払いで結構です。動作に問題がなければ、指定の銀行に料金をお振り込みください。

★カスタマイズによっては、データベースへの追加等が必要になる場合があります。
データベース追加用の命令文(SQL)はこちらで用意しますので、作業はお客様でお願いいたします。

カスタマイズのお申込みと空フォルダのダウンロードはこちらから