商品一覧にバリエーション画像を設定するには

2023-11-14 13:06

商品一覧ページ、トップページ、商品詳細、カート内等の商品一覧の商品画像の下部にバリエーション画像を表示することができます。
※XHTMLテンプレート(スマートフォン版)には表示できません。

商品一覧にバリエーション画像を設定する
レスポンシブデザインテンプレート、HTML5テンプレート(PC版)、XHTMLテンプレート(PC版)

デザイン管理」→「商品一覧ページ設定」→【表示設定】欄【バリエーション画像】の「表示する」にチェックを入れて「設定処理を完了する」をクリックします。

HTML5テンプレート(スマートフォン版)

スマートフォン」→「商品一覧ページ設定」→【表示設定】欄【バリエーション画像】の「表示する」にチェックを入れて「設定処理を完了する」をクリックします。

ショップ側の表示(例:レスポンシブデザインテンプレート)
「商品一覧ページ設定」で設定すると反映される箇所
  • 商品一覧ページ、商品グループページ、グループ区分商品のページ、全商品のページ
  • 新着商品ページ、おすすめ商品ページ、ランキング商品ページ、お気に入りページ、検索結果
  • 商品一覧のランキング、商品詳細のランキング、商品詳細の関連商品、商品詳細のこの商品を買った人は~
  • カート内のお買い物忘れ、カート内のお買い物忘れ、カート内関連商品、カート内のこの商品を買ったは~
トップページにバリエーション画像を設定する

トップページの新着商品、おすすめ商品などの商品一覧にバリエーション画像を表示できます。

レスポンシブデザインテンプレート、HTML5テンプレート(PC版)

デザイン管理」→「トップページ商品コンテンツ設定」→【トップページ設定】欄【バリエーション画像】の「表示する」にチェックを入れて「設定処理を完了する」をクリックします。
【バリエーション画像】項目が表示されない場合は、右上の「+全て開く」をクリックして全ての設定項目を表示してください。

XHTMLテンプレート(PC版)

デザイン管理」→「表示とレイアウトの設定」→【その他表示設定】欄「バリエーション画像」の「表示する」にチェックを入れて「設定処理を完了する」をクリックします。

HTML5テンプレート(スマートフォン版)

スマートフォン」→「トップページ商品コンテンツ設定」→【トップページ設定】欄【バリエーション画像】の「表示する」にチェックを入れて「設定処理を完了する」をクリックします。
【バリエーション画像】項目が表示されない場合は、右上の「+全て開く」をクリックして全ての設定項目を表示してください。

ショップ側の表示(例:レスポンシブデザインテンプレート)
トップページに表示するように設定すると反映される箇所
  • トップページの新着商品、おすすめ商品、ランキング、お気に入り、カテゴリ商品アイテム、グループ商品アイテム
  • 商品一覧追加箇所、最近チェックしたアイテム、ご自身でAjaxでカテゴリ、グループなどを追加された箇所