ITOBEN STYLE > EC-CUBEデザインテンプレート > EC-CUBE:No.018 トップページで表示するjQueryスライド(カルーセル)画像 2014年8月22日カテゴリー: EC-CUBEデザインテンプレート 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)はこちらで用意しますので、作業はお客様でお願いいたします。 カスタマイズのお申込みと空フォルダのダウンロードはこちらから
このカスタマイズを現行サイトへ実装したい方はこちら
▼サンプルをご覧ください。
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)はこちらで用意しますので、作業はお客様でお願いいたします。
カスタマイズのお申込みと空フォルダのダウンロードはこちらから