絞り込みを追加する
お客様がコレクションページや検索結果に表示する商品を絞り込めるように、オンラインストアで絞り込みを作成できます。たとえば時計を販売している場合、ブランド名、価格、文字盤のサイズ、耐水性に関する絞り込みを作成できます。
必要事項
絞り込みが利用できるのは、オンラインストア2.0のテーマと、オンラインストア用のfilter
Liquid APIまたはストアフロントAPIのいずれかを使用するカスタムストアフロントです。オンラインストア2.0テーマで絞り込みを表示する方法については、こちらをご覧ください。
テーマで絞り込みがサポートされていない場合でも、ストアのShopify Search and Discoveryアプリで絞り込みを作成できます。ただしテーマで絞り込みがサポートされていない場合、オンラインストアには絞り込みが表示されません。
使用しているストアのテーマが絞り込みに対応しているかどうかを確かめるには、管理画面で [オンラインストア] > [メニュー] の順に移動します。使用しているテーマが絞り込みに対応していない場合は、[コレクションと検索の絞り込み] セクションにメッセージが表示されます。
絞り込みのタイプ
ストアでは絞り込みを最大25件選択できます。すべてのストアに同じ標準の絞り込みを表示できます。また、マーチャントは商品カタログ固有のカスタムの絞り込みを作成できます。
標準の絞り込み
商品の在庫状況、価格、販売元、商品タイプ、タグの絞り込みは、すべてのストアで利用できます。
カスタムの絞り込み
カスタムの絞り込みを設定する場合は、商品バリエーションのオプションまたはメタフィールドを使用して設定できます。たとえば、サイズのさまざまなバリエーションがある衣料品を販売している場合は、サイズの絞り込みを追加できます。
メタフィールドを使用してカスタムの絞り込みを追加する方法については、こちらをご覧ください。
絞り込みを編集する
オンラインストアで使用する絞り込みをアプリで編集できます。
手順:
- Shopify Search & Discoveryアプリで [絞り込み] に移動してから [絞り込みを追加] をクリックします。
- お客様が利用できるようにする絞り込みソースを選択します。
- オプション:お客様に表示される絞り込みラベルの名前を変更します。
- [保存] をクリックします。
[絞り込み] 画面から絞り込みを並べ替えることもできます。個々の絞り込みをクリックして、お客様に表示する順番にドラッグします。
フィルター名を変更する
ストア内の既存の絞り込みのお客様向けラベルを変更できます。絞り込み画面で絞り込みをクリックし、絞り込みラベルフィールドを変更します。
絞り込みラベルを変更しても、絞り込み元に関する情報は変更されません。たとえば、商品オプションに基づいて絞り込みラベルの名前を変更しても、個々の商品ページに表示されるオプションの名前は変更されません。
メタフィールドを使用してカスタムの絞り込みを追加する
メタフィールドを使用すると、以下に記載されている値タイプのカスタムの絞り込みを作成できます。
- 単一行のテキスト
- 単一行のテキスト (リスト)
- 小
- Integer
- trueまたはfalse
カスタムの絞り込みにメタフィールドを使用するには、メタフィールドを作成する必要があります。カスタムの絞り込みオプションを設定するためのメタフィールドについて詳しくは、こちらをご覧ください。
メタフィールドが設定されたら、絞り込みを編集するときに、メタフィールドをオプションとして選択できます。
絞り込みの挙動
コレクションページや検索結果の商品に適用されない絞り込みは、お客様に表示されません。
商品は、以下の方法でコレクションページまたは検索結果ページから絞り込むことができます。
- 同じ絞り込みから絞り込みの値を選択するのが
or
ステートメントで、結果の件数を増やすことできます。たとえば、色の絞り込みから「赤または緑の色の商品」を選択すると、赤い商品と緑の商品の両方が返されます。 - 複数の絞り込みから絞り込みの値を選択するのが
and
ステートメントで、結果の件数を減らすことができます。たとえば、色とサイズの絞り込みから「赤とサイズ8」を選択すると、色が赤でサイズが8の商品が返されます。
画面に表示される絞り込んだ商品の数は、絞り込みが商品レベル、それともバリエーションレベルなのかによって異なります。たとえば、お客様が商品オプションの絞り込みから複数の色の値を選択しても、すべての色が1つの商品のバリエーションに属している場合、画面には1つの商品のみが表示されます。
絞り込みの値
お客様には、コレクションまたは検索結果の商品に適用される絞り込みの値のみが表示されます。絞り込みの値にはさまざまなソート順が適用され、メタフィールドの絞り込みを使用すると、ソートと表示の値をより詳細に管理できます。
絞り込みの値のソート
絞り込みの値はデフォルトでアルファベットと数値の昇順で表示されます。たとえば、「靴のサイズ」の商品オプションの絞り込みは最小値から最大値の順に表示されます。
「60ワット」など数字で始まり単語で終わる絞り込みの値は、同じ単語で終わる値の絞り込みの値の横に表示されます。たとえば、絞り込みの値が「2年」、「6か月」、「3年」、「2か月」の「年数」の商品オプションの絞り込みは以下の順序で表示されます。
- 2か月
- 6か月
- 2年
- 3年
「サイズ」という名前の商品オプションの絞り込みの値には、カスタムのソート順が適用されます。これにより、一般的なサイズ条件の正しいソート順が作成されます。たとえば、「XS」 (極小) は「S」 (小) より前に表示されます。
ソート順をカスタマイズする
絞り込みの値にカスタマイズされたソート順を設定するには、事前に設定された選択肢を含む単一行テキストメタフィールドを作成します。管理画面の選択肢の順序が、ストアフロントでの絞り込みの値のソート順になります。
以下の例では、「スキルレベル」のメタフィールドの値を「初級」、「中級」、「上級」に手動で並べ替えることができます。

絞り込みの値をグループ化する
複数の絞り込みの値を1つの絞り込みの値として表示するには、お客様に表示する値を含む新しいメタフィールドの絞り込みを作成します。
たとえば、「色」の商品オプションには、「オニキス」、「エボニー」、「ミッドナイト」の値が含まれることがありますが、お客様にこれらを単に「黒」と表示できます。商品オプションの絞り込みを使用する代わりに、「色」という名前の商品バリエーションのメタフィールドを作成し、商品バリエーションの値を「黒」に設定します。また、この方法を使用すると、色の商品オプションを持たない商品を色で絞り込むこともできます。
絞り込みの値を除外する
お客様に表示される値を詳細に管理する必要がある場合は、ストアフロントで購入者に表示する値のみを含むメタフィールドの絞り込みを使用します。
たとえば、ストアでは、自動コレクションの条件や管理画面の商品リストの絞り込みなど、ストアフロントの絞り込み以外の目的の商品タグを使用することがあります。商品タグの絞り込みタイプの代わりに、単一行テキストまたはリストタイプのメタフィールドタイプを使用できます。一括編集を使用すると、すべての商品の情報をすばやく更新できます。
制限事項
5,000個を超える商品を含むコレクションでは、絞り込みは表示されません。5,000個を超える商品を含むコレクションがある場合、大規模なコレクションをより小規模な自動コレクションのグループとして表示し、ドロップダウンメニューで関連付けさせることができます。たとえば、ストアで大規模な「女性」ファッションのコレクションへの1つのリンクを提供するのではなく、「トップス」、「ジーンズ」、「ブーツ」の小規模なサブコレクションへのナビゲーションリンクを提供します。
1000件を超える検索結果が表示される検索では、絞り込みは表示されません。
1つの絞り込みには、最大100件の絞り込みの値を表示できます。100件を超える値がある場合、一部が表示されないことがあります。メタフィールドで類似の値をグループ化することによって、表示可能な絞り込みの値の数を減らすことができます。