ストアフロント絞り込みを追加する

ストアフロントの絞り込みを使用すると、コレクションページにある商品の絞り込みを設定できるようになります。絞り込みを有効にすると、お客様は在庫状況、商品タイプ、色、その他の絞り込みオプションによって商品を絞り込み、最も興味のある商品を見つけることができます。

使用しているテーマが絞り込みに対応しているかを確認する

ストアフロントの絞り込みは、Online Store 2.0のテーマすべてに組み込まれています。

絞り込みを使用するには、Online Store 2.0のテーマをインストールしている必要があります。インストールしたOnline Store 2.0のテーマを使用してない場合でも、ストアで絞り込みオプションの表示や設定はできますが、絞り込みオプションがお客様に表示されることはありません。

使用しているテーマが絞り込みに対応しているかどうかを確かめるには、管理画面で [オンラインストア] > [メニュー] の順に移動します。使用しているテーマが絞り込みに対応していない場合は、[コレクションと検索の絞り込み] セクションにメッセージが表示されます。ストア用に絞り込みを作成することはできますが、使用しているテーマが絞り込みに対応していなければ、絞り込みがオンラインストアに表示されることはありません。

デフォルトの絞り込み

デフォルトでは、在庫状況、主要価格、販売元、商品タイプの絞り込みがあります。カスタムの絞り込みを設定する場合は、商品バリエーションとメタフィールドを使用して、利用する絞り込みオプションを指定します。たとえば、サイズのさまざまなバリエーションがある衣料品を販売している場合は、サイズの絞り込みを有効にすることができます。

カスタムの絞り込み

4個のデフォルトの絞り込みに加えて、最多で20個カスタムの絞り込みを設定できます。カスタムの絞り込みを設定する場合は、商品バリエーションのオプションまたはメタフィールドを使用して作成できます。メタフィールドを使用する場合、次の絞り込みを作成できます。

  • single_line_text_field
  • number_integer
  • number_decimal

カスタムの絞り込みを設定するためにメタフィールドを使用するには、まずメタフィールドを作成する必要があります。カスタムの絞り込みオプションを設定するためのメタフィールドについて詳しくは、こちらをご覧ください。

single_line_text_field、number_integer、number_decimalのメタフィールドを設定すると、そのメタフィールドが [絞り込みを追加] 画面で選択できるオプションのリストに表示されます。4個のデフォルトの絞り込みオプションに加えて、最多で20個カスタムの絞り込みを選択できます。

絞り込みを追加する

コレクションページに表示されるフィルターを選択します。

手順:

  1. [コレクションと検索の絞り込み] までスクロールします。
  2. [絞り込みを追加] をクリックします。
  3. 利用できる絞り込みのリストから1個以上の絞り込みオプションを選択します。
  4. [完了] をクリックし、商品のオプションを保存します。
  5. [保存] をクリックしてコレクションと検索の絞り込みを更新します。

商品を絞り込む

コレクションの絞り込みを有効にすると、オンラインストアの商品リストの上に絞り込みオプションが表示されます。お客様が選択できる絞り込み条件の数に制限はありません。お客様が絞り込みオプションを選択すると、商品リストが絞り込まれてその結果が自動的に更新され、お客様の条件に一致する商品が表示されます。

「アパレル」という見出しの下に絞り込みオプションが表示されたオンラインストアフロントの画像。表示される絞り込みオプションは、サイズ、ブランド、在庫状況、価格、商品タイプです。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す