📖 Boostでは、お客様がストアを訪問して絞り込み機能を使う際の、フィルターツリーと商品リストの表示方法をカスタマイズできます。
⚠️ この記事の内容は Boost AI Search & Discovery の旧バージョン にのみ適用されます。ご利用中のテーマにインストールされているアプリのバージョンを確認するには、こちらの記事をご覧ください。
フィルターツリーの表示をカスタマイズする
アプリのダッシュボードで Filter > Display settings に移動します。
Display settings の見出しの下で、ストアフロントでのフィルターツリーの表示方法を設定します。
Show product count（商品件数を表示）: 有効にすると、各絞り込み項目の件数がフィルターツリーの右側に括弧付きで表示されます。
Show "Refine by" block（「Refine by」ブロックを表示）: 有効にすると、現在表示中の商品リストに適用されている絞り込み条件が表示されます。このブロックから、お客様が適用中の絞り込みを解除・変更できます。
Show all irrelevant values (product count = 0)（該当商品がない項目も表示）: 在庫切れまたは購入できない商品のみを含む絞り込み項目は件数が0となり、通常は一覧に表示されません。この設定を有効にすると、これらの項目が件数「0」付きでフィルターツリーに表示され、購入できない状態であることをお客様にお知らせできます。
💡 この機能は、絞り込み項目の設定時に Option values のドロップダウンで Manual を選択している場合にのみ動作します。
Shorten URL when selecting multiple filter option values（複数選択時にURLを短縮）: 複数の絞り込み条件を選択すると、URLが長くなり見づらくなることがあります。この設定により、URLの長さと複雑さを抑え、検索エンジンにページの内容を伝えやすくなります。
Hide filter options with only one filter option value（選択肢が1つだけの絞り込み項目を非表示）: 有効にすると、選択肢が1つしかない絞り込み項目はストアのページに表示されなくなります。
Keep filter options collapsed status after filtering（絞り込み後も開閉状態を維持）: 有効にすると、絞り込み項目を選択した後も、各項目の開閉状態が維持されます。例えば Size を「閉じた状態」、Color を「開いた状態」に設定している場合、絞り込みを行った後も Size は閉じたまま、Color は開いたままになります。
Change label of Refine by button on mobile when tapping on it（モバイルでのRefine byボタンの表示名を変更）: モバイルは表示領域が限られているため、商品リストの表示スペースをできるだけ確保することが重要です。お客様が Refine by をタップして絞り込み条件を選択すると、ボタンの表示が Hide filter に切り替わり、フィルターツリーを閉じて絞り込み結果を確認できることが分かりやすくなります。
Clear cache of Swatch images セクションでは、フィルターツリーに設定したスウォッチが正しく動作しない場合に Clear Cache ボタンをお試しいただけます。
最後に必ず Save settings をクリックしてください。
商品リストの表示をカスタマイズする
アプリのダッシュボードで Filter > Filter settings に移動します。
Display settings の見出しの Product list セクションで、お客様が絞り込みを行った際の商品リストの表示方法を設定します。
Show loading icon when filtering（絞り込み時に読み込みアイコンを表示）: 有効にすると、絞り込み条件を選択して商品リストが更新される際に読み込みアイコンが表示されます。
Show scroll to top button（トップへ戻るボタンを表示）: 有効にすると、画面右下にボタンが表示され、お客様がページ上部に戻れるようになります。
Sort available products first（購入可能な商品を優先表示）: 有効にすると、購入可能な商品が先に表示され、在庫切れの商品は商品リストの末尾に並びます。
Use canonical URLs for product pages（商品ページに正規URLを使用）: Googleは正規URLのみをインデックスするため、正規URLの設定は重要です。内容が同一またはほぼ同一の複数のURLがクロールされると、サイトのSEOに影響する可能性があります。この設定を有効にすると、検索結果に表示させたいURLを検索エンジンに伝えることができ、ストアの検索順位の改善につながります。
Out-of-stock display options（在庫切れ商品の表示設定）: このドロップダウンで、商品リストに在庫切れ商品を表示するかどうかを設定できます。お客様が絞り込み条件を選択した後に在庫切れ商品を非表示にするオプションもあります。この機能は「タグ」および「メタフィールド」の絞り込み項目では動作しません。
💡 このドロップダウンで Hide out-of-stock products/variants を選択しても、在庫切れのバリエーションを含む商品が商品リストに表示される場合は、以下の手順をお試しください。
Shopify管理画面で商品管理に移動します。
売り切れているにもかかわらず商品リストに表示されている商品をクリックします。
バリエーションのセクションで、商品リストから非表示にしたいバリエーションをすべて選択します。
その他の操作をクリックし、在庫切れの場合は販売を停止するを選択します。
保存をクリックします。
該当の商品がリストに表示されなくなったかご確認ください。
Show matched variant image by filter option（絞り込みに一致するバリエーション画像を表示）: この設定を有効にすると、特定の条件で絞り込んだ際に、該当するバリエーションの画像が商品リストに表示されます。この設定は一度に1つの絞り込み項目にのみ適用でき、対象は Show matched variant image by filter option のドロップダウンから選択します。この設定は、身長・タイトル・カラー・サイズの絞り込み項目にのみ適用されます。
💡 一度に複数の絞り込み項目に適用したい場合は、ライブチャットまでお問い合わせください。
Pagination type（ページ送りの方式）: このドロップダウンで、お客様がページ下部までスクロールした際に商品リストをどのように追加表示するかを設定できます。
Pagination（ページ分割）: 商品リストが複数のページに分割され、各ページに一定数の商品が表示されます。
Infinite loading（無限スクロール）: 1つの商品一覧ページで、スクロールに応じて商品が順次読み込まれます。
Load more（もっと見る）: 商品一覧の下部に Load more ボタンが表示され、クリックすると次の商品が読み込まれます。
⚠️ ページ送りの設定は App Lib V2 でのみ動作します。
Sorting（並び替え）（App Lib V1 をご利用の場合のみ）: お客様が本アプリのフィルターツリーを操作する際に、商品リストに9種類の並び替えオプションを追加できます。タイトル、価格、登録日、関連度、売れ筋による並び替えを設定できます。
Sorting の項目では、必要に応じて並び替えオプションを追加・削除したり、ドラッグ＆ドロップで表示順を変更したりできます。
売れ筋商品は、その商品を含む全期間の注文数に基づいています。販売実績がない場合は、新しい順に並び替えられます。この並び替えを正しく動作させるため、同期（Sync）機能の使い方に従って、本アプリを設定しているすべてのテーマで売れ筋順を同期することをおすすめします。
公開日、ベンダー、メタフィールド、レビューなど、その他の属性による並び替えを設定したい場合は、ライブチャットまでお問い合わせください。
App Lib V3 へのアップグレードをおすすめします。V3では、検索結果ページやコレクションページのデフォルトの並び順を変更したり、事業戦略に合わせて並び替えオプションを調整したりできる、より高度な機能をご利用いただけます。これらの機能はすべてアプリ管理画面から設定できます。
最後に必ず Save settings をクリックしてください。
ご不明な点やサポートが必要な場合は、チャットにて弊社サポートチームまでお気軽にお問い合わせください。