ID #1952

Q.トップページ商品コンテンツ設定(HTML5テンプレートメニュー)

【デザイン管理】→【トップページ商品コンテンツ設定】ページでできること
  • トップページでの人気ランキング/新着商品/おすすめ商品表示方法および、人気ランキング/新着商品/おすすめ商品ページの表示方法を設定できます。
  • 各タイトル右側の「(+)全て開く」をクリックして、詳細な設定ができます。
設定の詳細については、下図の赤枠をクリックして、それぞれの説明箇所にてご確認ください。
1.トップページ設定
トップページでの人気ランキング/新着商品/おすすめ商品表示方法を設定します。
※【デザイン管理】→【配置/画像/コメント】で個別設定している場合、そちらの設定が優先されます。
スライド設定 スライドを自動再生する (操作しても停止しない)

【デザイン管理】→【配置/画像/コメント】→メインエリアの「新着商品」「おすすめ商品」「カテゴリ商品アイテム」「グループ商品アイテム」にて、表示方法を「スライド」に設定している場合の、スライド再生方法です。
チェックあり スライドが自動再生されます。
操作しても停止しない
チェックをつけると、スライド送りボタンをクリックする等の操作をしてもスライドは停止せず再生されます。
チェックなし スライドは自動再生しません。
スライド送りボタンで他の商品を表示します。
スライド送りボタン

スライド送りボタンの位置を上下いずれか選択します。

スライド送り動作
スライド送り動作を、瞬時/速い/標準/遅め/遅いより選択してください。

スライド自動再生の間隔
スライド自動再生の間隔を、短い/標準/長いより、それぞれ選択してください。
商品名 表示する スライドの場合には表示しない
チェックをつけると、スライド表示時、商品名を表示しません。
一行に収まらない場合は改行せずに省略表記 (※スライド, 写真のみ)
チェックをつけると、長い商品名は全商品省略表記されるため、見た目が整います。
チェックあり チェックなし
表示しない 商品名を表示しません。
販売価格 表示する スライドの場合には表示しない
チェックをつけると、スライド表示時、販売価格を表示しません。
表示しない 販売価格を表示しません。
希望小売価格 希望小売価格の表示/非表示を選択します。
価格表示方法 価格範囲を表示する (※バリエーション、オーダーメイド設定時)
バリエーションやオーダーメイドを設定している場合に、「○○円〜○○円」のように価格範囲を表示します。
一行に収まらない場合は改行せずに省略表記 (※スライド, 写真のみ)
チェックをつけると、長い販売価格は全商品省略表記されるため、見た目が整います。
チェックあり チェックなし
アイコン アイコンの表示/非表示を選択します。
在庫 在庫の表示/非表示を選択します。
5段階評価 レビュー機能の[5段階評価]を表示する/しないを設定できます。
[0件を表示]にチェックを入れ、レビューのない商品に5段階評価欄(0件のレビュー)を表示できます。
カートに入れるボタン カートに入れるボタンの表示/非表示を選択します。
ラベル設定 商品写真の右下に表示される一覧ページへのリンク「もっと見る」のラベル名を変更できます。
2.コンテンツページのレイアウト
人気ランキング/新着商品/おすすめ商品ページのレイアウトを設定します。
【デザイン管理】→【商品一覧ページ設定】→「レイアウト」設定と共通設定になりますので、リンク先にて設定してください。
設定の詳細は下記FAQをご参照ください。
参照:
3.新着商品・おすすめ商品ページ
新着商品・おすすめ商品ページにて、メインエリア上部にカテゴリ一覧/グループ区分一覧/グループ一覧を表示するかしないか設定します。
例えば、新着商品ページでメインエリアにカテゴリ一覧を表示した場合、カテゴリ「Chair」をクリックすると、新着商品に登録している「Chair」カテゴリの商品が表示されます。
メインエリア上部のカテゴリ一覧リンク メインエリア上部の「カテゴリ一覧」の表示/非表示を設定します
メインエリア上部のグループ区分一覧リンク メインエリア上部の「グループ区分」の表示/非表示を設定します
メインエリア上部のグループ一覧リンク メインエリア上部の「グループ一覧」の表示/非表示を設定します
4.人気ランキングページ
人気ランキングページでの表示方法を設定します。
強調表示 上位を商品説明付きで表示 (最大100件)

例:上位1件のみ説明付き表示の場合
上位件数 設定した上位件数のみを説明付きで強調表示し、以下は写真のみ一覧で表示します。
上位の写真サイズ(横幅) 説明付きで表示する上位商品の画像サイズを選択します
利用しない
ランキング商品全てを写真のみ一覧で表示します。
最終更新: 2017-07-14 10:30