テーマ管理

テーマ管理 カスタマイズ 商品一覧画面

カスタマイズ:商品一覧画面でできること

商品一覧画面のカスタマイズができます。
商品一覧のカスタマイズでの設定値は「商品一覧画面」「商品カテゴリー詳細画面」「検索結果一覧画面」に反映されます。
カスタマイズ画面のプレビューは商品カテゴリ詳細画面が表示されます。

スクリーンショット 2024-07-31 16.06.08.png

カスタマイズ機能は対応したテーマテンプレート(ec_force_basic_theme)のみで利用可能です。
テーマ管理にテーマ(ec_force_basic_theme)を追加する方法は、テーマ管理 テーマを追加を参照ください。
2021/07以前に提供したすべてのテーマは本機能に対応していません。

セクション

商品一覧画面の各セクションでは、以下項目をカスタマイズできます。

ヘッダー

Caution!!

ヘッダーの設定は全画面共通の設定で反映されます。
※詳細はテーマ管理 カスタマイズ トップ画面をご確認ください。

ファーストビュー ファーストビューは商品カテゴリー詳細画面に反映されます。
商品カテゴリーサムネイル画像表示 商品カテゴリー詳細画面のサムネイル画像の表示有無を設定します。
サムネイルは「設定 > 商品 > 商品カテゴリー管理」で設定可能です。

_____________FAQ_1.png

コンテンツ 商品一覧画面、商品カテゴリー詳細画面、検索結果一覧画面に反映されます。
行あたりの商品表示件数 1行に表示する商品数を設定します。
表示件数は、1件〜5件で設定可能です。
初期状態では4件に設定されています。
※ショップの機能設定「ショップ管理 > 各種設定」の
・商品一覧画面の1ページあたりの表示件数
・キーワード検索後の商品一覧画面の1ページあたりの表示件数
・商品カテゴリー詳細画面の1ページあたりの表示件数
の設定とは連動しません。
表示行数 1ページに表示する商品の行数を設定します。
表示行数は、1行〜10行で設定可能です。
初期状態では6行に設定されています。
商品詳細表示 商品に設定されている詳細の表示有無を設定します。
レビュー評価表示 商品に投稿されているレビューの平均点を表示します。

投稿されたレビューは即時反映されないため、投稿されていても表示されないことがあります。

レビュー件数表示 商品に投稿されているレビュー件数を表示します。
商品ラベルを表示 商品に設定されている商品ラベルを表示します。
詳細文字数制限 表示する商品詳細の文字数制限を設定します。
文字制限数を超えた場合は「...」と表示されます。
文字数は、1文字〜100文字で設定可能です。
  • htmlタグ、改行を使用している場合は反映されず、切り詰めて表示されます。
  • 半角/全角文字は共に1文字としてカウントされます。
商品カテゴリー 商品詳細画面にカテゴリーの一覧及びリンクを表示するか切り替えられます。
※カテゴリー機能の詳細はこちらを参照してください。
見出し 商品カテゴリーセクションの見出し文言を設定できます。
小見出し 商品カテゴリーセクションの小見出し文言を設定できます。

スクリーンショット 2024-07-31 16.37.05.png
閲覧履歴 ログイン済み顧客に限り、確認できる商品の閲覧履歴を表示するか切り替えられます。
見出し 閲覧履歴セクションの見出しを設定します。
小見出し 閲覧履歴セクションの見出しを設定します。

表示形式

並べて表示 商品を並べて表示します。
カルーセル表示 商品をカルーセル表示で表示します。

表示項目

商品詳細表示 商品の詳細を表示します。
商品名表示 商品名を表示します。
商品価格表示 商品の価格を表示します。
商品カテゴリー名表示 商品カテゴリー名を表示します。
商品ラベル表示 商品ラベルを表示します。

表示件数

行あたりの商品表示件数 表示件数の設定を行います。
表示件数は、1件〜5件で設定可能です。
※SPでは1スライド当たりの表示件数は2件までです。
表示行数 表示行数の設定を行います。
表示件数は、1件〜2件で設定可能です。

スクリーンショット 2024-07-31 18.28.29.png
セレクション 公開状態のセレクションページが存在しない場合はセレクションセクションが非表示となります。
※セレクション機能の詳細はこちらを参照してください。

■公開状態のセレクションページが存在しないケース
・セレクション管理にてセレクションページが全て公開期間外である
・セレクション管理にてセレクションページのステータスが全て非表示またはセレクション詳細のみ表示である
見出し セレクションセクションの見出しを設定します。
小見出し セレクションセクションの小見出しを設定します。
タイトルを表示する 各セレクションページのタイトルを表示します。
特集ページ一覧への導線を表示 「もっと見る」ボタンの表示/非表示を設定します。
行当たりのアイキャッチ表示件数 セレクションページのアイキャッチ画像を行当たりで何件表示するか設定します。
表示件数は、1~2件で設定可能です。
表示行数 セレクションページの表示行数の設定を行います。
表示行数は、1件〜5件で設定可能です。

スクリーンショット 2024-07-31 19.12.44.png
ランキング

本機能は2024年09月中のリリースより順次ご利用できるようになります。
※具体的なリリース日はショップ様により異なります。確定した段階で管理画面トップページのバナーに掲載されるため、そちらをお待ちください。


ランキング対象商品が存在しない場合はランキングセクションが非表示となります。
※ランキング機能の詳細はこちらを参照してください。

■ランキング対象商品が存在しないケース
・「ショップの機能設定 > ランキング表示対象外商品」にて全商品が除外設定されている
・商品管理にて商品のステータスが全て非表示である
見出し ランキングセクションの見出しを設定します。
小見出し ランキングセクションの見出しを設定します。


表示項目
商品詳細表示 商品の詳細の表示/非表示を設定します。
商品名表示 商品名の表示/非表示を設定します。
商品価格表示 商品価格の表示/非表示を設定します。
商品カテゴリー表示 商品カテゴリーの表示/非表示を設定します。


表示件数
ランキング表示件数 ランキング表示件数の設定を行います。
表示件数は、1件〜5件で設定可能です。

スクリーンショット 2024-09-06 10.28.03.png

バナー

Caution!!

セレクションセクションは初期設定では表示されておりません。ご利用の場合は「セクションを追加する」から追加してください。

バナーを追加する
バナーを追加する 複数のバナーを追加することができます。
※最大20個まで追加可能

レイアウト

セクション見出し バナーセクションに見出しを設定することができます。
PCの表示件数(1行あたり) PC時の1行あたりのバナー表示件数を設定することができます。
※設定可能範囲は1~4件
※表示件数によって画像の推奨サイズがございます。
SPの表示件数(1行あたり) SP時の1行あたりのバナー表示件数を設定することができます。
※設定可能範囲は1~2件
※表示件数によって画像の推奨サイズがございます。

スクリーンショット 2024-07-31 21.16.54.png

バナー内の設定値について

PC画像 バナーとして表示する画像を設定します。
PCのみに適用されます。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
SP画像 バナーとして表示する画像を設定します。
SPのみに適用されます。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
バナーのリンク先 バナーを押下した際の遷移先を設定します。

スクリーンショット 2024-07-31 21.21.05.png
フッター

Caution!!

フッターの設定は全画面共通の設定で反映されます。
※詳細はテーマ管理 カスタマイズ トップ画面をご確認ください。

注意事項

テーマカスタマイズは、ecforceが提供するテーマテンプレート(ec_force_basic_theme)でのみ利用可能です。

  • 対象となるテーマテンプレート(ec_force_basic_theme)以外では本機能を利用できません。 対象外のテーマでは「カスタマイズ」をクリックした際に「このテーマはカスタマイズ機能に対応していません。」とのメッセージが表示され、テーマカスタマイズ画面に遷移できない状態になります。
  • 「アクション > コードの編集」からファイル編集をしたテーマはサポート対象外です。
  • カスタマイズ対応テーマのファイル構造の変更(ファイル名変更・ファイルの追加や削除)は非推奨です。

この記事の目次

このセクションの記事

テーマ管理