カテゴリページの商品並べ替え設定

4. EC + SC (EN).png

「すべての商品」では、商品が作成日時の新しい順に表示されますが、それ以外のカテゴリページでは商品の表示順をカスタマイズできます。
また、ストアフロントでは顧客が「公開日時」、「価格」、「販売数」の三つの条件から商品表示順を切り替えることができます。

本記事では、以下の内容についてご説明します。

 

1、売り切れ商品の後方表示

「SHOPLINE 管理画面 > 設定 > 商品設定」で「ストアフロントで『売り切れ』商品を後方に表示」を有効にすると、商品が売り切れた際に、「売り切れ商品」はストアフロントのカテゴリページ末尾に並び替えて表示されます。そのうえで、「販売中の商品」が以下の並び順に従って表示されます。

category sort.png

 

2、顧客による並べ替え方法

category sort 01.png

顧客はカテゴリページ右上の並ベ替えメニューから、商品の表示順を切り替えることができます。
いずれかの並び順を選択すると、ページは選択した条件に応じて表示されます。

選択できる並び順は以下の五種類があります。

  • 公開日時:新しい順
  • 公開日時:古い順
  • 価格:高い順
  • 価格:安い順
  • 販売数:多い順

デフォルトの商品表示順は、管理画面で設定した「ストアのデフォルト並び順」に従って表示されます。顧客がカテゴリページを開くと、まず管理画面で設定された並び順で商品が表示され、その後、必要に応じて顧客自身で並べ替えを切り替えることができます。

「ストアのデフォルト並び順」の設定方法については、こちらの記事をご参照ください:カテゴリおよび商品の表示順設定

*ご注意:

  • 「すべての商品」カテゴリは「すべての商品」ページに該当するため、商品の並び順は変更できません。
  • ストアフロントで『売り切れ』商品を後ろに表示」を有効にしている場合、商品の表示順は以下の順で決まります。
    • 在庫状況> ストアのデフォルト並び順または顧客が選択した並び順 > 商品の作成日時の新しい順

 

3、「公開日時」で並べ替える

  • 商品の作成(追加)順は、Product A > Product B > Product C > Product D です。
  • ストアフロントでの表示順は、Product D > Product C > Product B > Product A になります。
category sort 03.png

 

4、「価格」で並べ替える

「価格」で並べ替える場合、同一価格の商品作成日時の新しい順に表示されます。価格が設定されていない商品、または価格が非表示の商品は、カテゴリページの末尾に表示されます

例:
Product 015 は最後に作成された商品で、Product 001 と同じ NT$3,000 の価格です。
顧客が「価格:高い順」または「価格:安い順」のどちらを選択した場合でも、Product 015 は Product 001 より前に表示されます。

category sort 04 (1).png


一方、「価格非表示」の商品はカテゴリページの末尾に表示され、同じく商品の作成日時の新しい順に並びます。
価格で並べ替える場合は、非表示前に設定された価格を基準に並び替えられます。同じ価格の商品が複数ある場合も、商品の作成日時の新しい順に表示されます。
なお、価格が未設定の「価格非表示」商品は 0 円として扱われます。詳しくは以下の図をご参照ください。

category sort 05.png

5、「販売数」で並べ替える

顧客が販売数を基準に商品を並べ替えられるようにするには、「設定 > 商品設定 > ストアフロント拡張機能」に進み、「ストアフロントに『販売数順』並べ替えフィルターを表示」を有効にしてください。

category sort 06.png

 

有効にすると、顧客はストアフロントで販売数順に商品を並べ替えられるようになります。

category sort 07.png

 

*ご注意:

  • 現在、販売数順の並び替えは各商品の累計販売数データに基づいています。
  • 現在、本機能では商品の販売数自体をストアフロントに表示できません
  • [近日公開]「商品詳細ページに販売数を表示」を有効にしている場合、商品の販売数が表示されます。詳細については、[近日公開] 商品詳細ページ|販売数表示をご参照ください。
  • 同じ販売数の商品は、作成日時の新しい順に並び替えられます
  • 販売数データにはキャンセル済み・削除済み注文を除外し、1時間ごとに更新されます。

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント