トップページ商品コンテンツ設定(レスポンシブデザインテンプレート)

2023-04-13 10:34
【デザイン管理】→【トップページ商品コンテンツ設定】ページでできること
  • トップページでの新着商品/おすすめ商品表示方法および、新着商品/おすすめ商品ページの表示方法を設定できます。
  • 各タイトル右側の「(+)全て開く」をクリックして、詳細な設定ができます。
1. トップページ設定

トップページでの新着商品/おすすめ商品表示方法を設定します。
※【デザイン管理】→【配置/画像/コメント】で個別設定している場合、そちらの設定が優先されます。

スライド設定 デザイン管理】→【配置/画像/コメント】→メインエリアの「新着商品」「おすすめ商品」「Item Ranking」「カテゴリ商品アイテム」「グループ商品アイテム」「お気に入りアイテム」「最近チェックしたアイテム」にて、表示方法を「スライド」に設定している場合の、スライド再生方法です。
スライドを自動再生する

チェックを入れると、スライドが自動再生されます。
チェックをはずすとスライドは自動再生せず、スライド送りボタンで他の商品を表示します。

スマホではスライド、PCでは写真のみ

チェックを入れると、スマートフォンではスライド表示、パソコンでは写真のみ表示となります。

(商品一覧/商品詳細/カートのスライドにも適用)

チェックを入れると、商品一覧ページ/商品詳細ページ/カートの中身ページでも、スマートフォンではスライド表示、パソコンでは写真のみ表示となります。

右端を半分だけ表示

チェックを入れると、スライド右端の画像を半分だけ表示します。

(商品一覧/商品詳細/カートのスライドにも適用)

チェックを入れると、商品一覧ページ/商品詳細ページ/カートの中身ページのスライドにも、右端を半分だけ表示を適用します。

スライド送り動作 スライド送り動作を、瞬時/速い/標準/遅め/遅いより選択してください。
1枚ずつスライド送り]にチェックを入れると、商品写真が1枚ずつスライドします。また[スライド現在地表示]は[数値表示]になります。
商品写真を1枚ずつスライド送りする設定について
スライド自動再生の間隔 スライド自動再生の間隔を、短い/標準/長いより、それぞれ選択してください。
スライド現在地表示 スライド現在地表示:スライドの現在地を ポインター表示/数値表示 いずれかに選択できます。

ポインター表示

数値表示

商品名 表示する スライドの場合には表示しない
チェックをつけると、スライド表示時、商品名を表示しません。
一行に収まらない場合は改行せずに省略表記 (※スライド, 写真のみ)
チェックをつけると、長い商品名は全商品省略表記されるため、見た目が整います。
チェックあり チェックなし
表示しない 商品名を表示しません。
販売価格 表示する スライドの場合には表示しない
チェックをつけると、スライド表示時、販売価格を表示しません。
表示しない 販売価格を表示しません。
希望小売価格 表示する スライドの場合には表示しない
チェックをつけると、スライド表示時、希望小売価格を表示しません。
表示しない 希望小売価格を表示しません。
価格表示方法 価格範囲を表示する (※バリエーション、オーダーメイド設定時)
バリエーションやオーダーメイドを設定している場合に、「○○円〜○○円」のように価格範囲を表示します。
一行に収まらない場合は改行せずに省略表記 (※スライド, 写真のみ)
チェックをつけると、長い販売価格は全商品省略表記されるため、見た目が整います。
チェックあり チェックなし
アイコン画像 アイコンの表示/非表示を選択します。
在庫 在庫の表示/非表示を選択します。
販売期間/予約受付期間 販売期間、予約受付期間の表示/非表示を選択します。
期間限定販売について
お届け目安 予約販売のお届け目安の表示/非表示を選択します。
予約販売について
5段階評価 レビュー機能の[5段階評価]を表示する/しないを設定できます。
[0件を表示]にチェックを入れ、レビューのない商品に5段階評価欄(0件のレビュー)を表示できます。
カートに入れるボタン カートに入れるボタンの表示/非表示を選択します。
ラベル設定 商品写真の右下に表示される一覧ページへのリンク「もっと見る」のラベル名を変更できます。
バリエーション画像 バリエーション画像の表示/非表示を選択します。
商品一覧にバリエーション画像を設定するには
2. コンテンツページのレイアウト

新着商品/おすすめ商品ページのレイアウトを設定します。
【デザイン管理】→【商品一覧ページ設定】→「レイアウト」設定と共通設定になりますので、リンク先にて設定してください。

3. 新着商品・おすすめ商品ページ

新着商品・おすすめ商品ページにて、メインエリア下部/サイドメニュー上部に、カテゴリ一覧/グループ区分一覧/グループ一覧を表示する/しないを設定できます。
カテゴリ一覧リンク、グループ一覧リンクのタイトルを設定できます。
例えば、新着商品ページでメインエリア下部やサイドエリア上部にカテゴリ一覧リンクを表示し、カテゴリ「テーブル」で絞り込むと、新着商品に登録している「テーブル」カテゴリの商品が表示されます。

メインエリア上部のグループ区分一覧リンク メインエリア下部/サイドメニュー上部に「グループ区分一覧」を表示する/表示しないを設定します。
※「商品管理」→「グループ区分設定」→「全商品リンク表示」を「表示しない」に設定している場合は、表示しません。
メインエリア上部のカテゴリ一覧リンク 「タイトル」と、メインエリア下部/サイドメニュー上部に「カテゴリ一覧リンク」を表示する/表示しないを設定します。
メインエリア上部のグループ一覧リンク 「タイトル」と、メインエリア下部/サイドメニュー上部に「グループ一覧」を 表示する/表示しないを設定します。