商品一覧ページ設定(スマートフォン版HTML5テンプレート)
【スマートフォン】→【商品一覧ページ設定】ページでできること
- 下記の商品一覧ページでの表示方法を設定できます。
カテゴリ一覧ページ、グループ覧ページ、全商品一覧ページ、新着商品一覧ページ、おすすめ商品一覧ページ、ランキング商品一覧ページ
- 画面右上の「(+)全て開く」をクリックして、詳細な設定ができます。
1. 商品一覧ページ表示設定
商品一覧ページ(写真のみ一覧/説明付き一覧)での表示方法を設定します。
![](/img/faq/new/itemlist_ph_01_1707.jpg)
![](/img/faq/new/itemlist_res_07.jpg)
![](/img/faq/new/itemlist_res_08.jpg)
2. 表示設定
商品一覧ページ上部の 「表示順変更」 をクリックして表示される内容の設定、および、写真のみ一覧と説明付き一覧の共通の表示内容設定をします。
![](/img/faq/new/itemlist_ph_02.jpg)
![](/img/faq/new/itemlist_ph_07.jpg)
「バリエーション画像」の詳細は下記ページをご参照ください。
商品一覧にバリエーション画像を設定するには
商品一覧にバリエーション画像を設定するには
3. 並び順
商品一覧ページでの、在庫切れ表示商品の並び順を設定します。
「表示する」 に設定した場合、在庫切れ商品を一覧の最後に表示します。
![](/img/faq/new/itemlist_ph_03.jpg)
![](/img/faq/new/itemlist_res_10.jpg)
4. 自由記入欄
商品一覧ページの全ページ共通で、自由な内容を表示できます。
ページ上部、下部いずれに表示するか選択してください。
![](/img/faq/new/itemlist_ph_04.jpg)
![](/img/faq/new/itemlist_res_11.jpg)
5. カテゴリ一覧ページ表示設定
カテゴリ一覧最上部での全商品ページへのリンクと、サブカテゴリ一覧最上部でのカテゴリ内全商品ページへのリンクを表示するかを設定します。
![](/img/faq/new/itemlist_ph_05.jpg)
![](/img/faq/new/itemlist_res_12.jpg)
7. 商品検索設定
ショップページで[商品検索]を行った後、[+表示順変更]をクリックし、カテゴリや特集(グループ)を選択して商品を絞り込むことができます。
[絞り込み検索]→[利用する]にチェックを入れて[カテゴリ絞り込み][グループ絞り込み]の[表示する/表示しない]を選択してください。
[ラベル設定(カテゴリ)][ラベル設定(グループ)]欄で表示するラベルを設定することもできます。
商品検索結果をサイドエリアにも表示して絞り込みできるようにする場合、[サイドメニュー絞り込み欄]にて[サイドメニューの一番上に加える]または[サイドメニューを絞り込み欄に置き換える]にチェックを入れてください。
![](img/faq/new/p_search2.jpg)
ショップ側の表示(メインエリア)
![](img/faq/new/p_search3.jpg)
ショップ側の表示(サイドメニュー絞り込み欄を利用する場合)
サイドエリアに、検索結果にヒットした商品が所属するカテゴリ、特集(グループ)と、件数を表示します。
![](img/faq/new/p_search4.jpg)
7. お気に入りページ表示設定
お気に入りの一覧ページで、「カートに入れるボタン」を表示する/しないを設定します。
![](/img/faq/new/itemlist_ph_06.jpg)
![](/img/faq/new/itemlist_res_13.jpg)