メイン画像の設定

テンプレートでは、初期状態でサンプルのメイン画像を表示しています。
あらかじめサイトに適合したサイズの画像、指定ファイル名でメイン画像をご準備ください。

メイン画像を使用しない場合は、メイン画像を使用しない場合をご覧ください。

注)ロゴ画像も変更される場合は、メイン画像と合わせて事前にご準備ください。

メイン画像の変更

テンプレートの初期設定では、メイン画像をクリックすると特定の商品ページへリンクするように設定されています。 画像の変更と合わせて、リンク先の指定方法についてご案内します。

1

メイン画像を準備します。

※実際の初期画像はサンプルサイトのメイン画像を参考にご覧ください。

画像名 bnr_top_main.jpg
bnr_top_main_on.jpg ※ ロールオーバー用画像
画像サイズ 3カラムの場合 : 横幅 570px 以下
2カラムの場合 : 横幅 740px 以下
※画像名は2カラムの場合も3カラムの場合も同じです。
※ロールオーバー用の画像を作成しない場合は、同一の画像を上記2ファイルご用意ください。

2

管理画面からテンプレートの内容を変更された場合は、[ デザイン管理 ]→[ PC ]→[ テンプレート設定 ]より、該当のテンプレートをダウンロードします。

※ 変更されていない場合は、こちらの作業は不要です。

3

テンプレートファイルを解凍し、手順1で作成したメイン画像をパッケージに組み込みます。
「_package/img/banner/」フォルダに準備したメイン画像(bnr_top_main.jpg ・bnr_top_main_on.jpg )を保存します。

4

圧縮ソフトを利用して、手順3でメイン画像を組み込んだフォルダを、「tar」または「tar.gz」形式で再度圧縮してください。

5

テンプレートのインストール 」と同様の手順で、作成したテンプレートを組み込みます。

リンク先の設定

6

上記、テンプレートのインストール終了後、[ デザイン管理 ]→[ PC ]→[ ページ詳細設定 ]を開きます。

7

編集可能ページ一覧で「TOPページ:ページ詳細列」の[ 編集 ]をクリックします。

8

TOPページの詳細設定で、メイン画像をクリックしたときにリンクさせたい商品ページを指定します。
下記の「1」と入力されている箇所を、ご希望の商品IDに変更します。

※商品IDは[ 商品管理 ]→[ 商品マスタ ]より確認できます。

9

ファイルの修正が終了したら、[ 登録する ]をクリックします。

「登録しても宜しいですか」のメッセージが表示されたら、[ OK ]をクリックし、次に「登録が完了しました」のメッセージで[ OK ]をクリックして作業を終了します。

以上でメイン画像の設定は完了です。サイトにアクセスし、正しく適用されているかご確認ください。

メイン画像を使用しない場合

メイン画像を使用しない場合は、メイン画像の表示指定を削除します。

1

テンプレートのインストール終了後、[ デザイン管理 ]→[ PC ]→[ ページ詳細設定 ]を開きます。

2

編集可能ページ一覧で「TOPページ:ページ詳細列」の[ 編集 ]をクリックします。

3

TOPページの詳細設定で、
<div id="main_image"> ~ </div>の部分を全て削除します。

4

ファイルの修正が終了したら、[ 登録する ]をクリックします。

「登録しても宜しいですか 」のメッセージが表示されたら、[ OK ]をクリックし、次に「 登録が完了しました 」のメッセージで[ OK ]をクリックして作業を終了します。

以上でメイン画像の非表示設定は完了です。サイトにアクセスし、正しく適用されているかご確認ください。

pagetop