スマート検索：フィルター表示設定の構成方法

フィルター表示設定は、スマート検索アプリで、フィルターがストアフロントにどのように表示されるかをカスタマイズできます。レイアウト、スタイル、表示動作を調整することで、顧客にとってより直感的で使いやすいフィルタリング体験を作り出せます。

この記事では、フィルター表示設定の構成方法と、各フィルターがストアフロントでどのように表示されるかのカスタマイズ方法を説明します。

フィルター表示設定の構成

フィルター表示設定を構成するには、以下の手順に従ってください。

ステップ1：表示設定に移動

スマート検索アプリで、フィルター > デフォルトフィルターまたはカスタムフィルターに移動し、表示設定をクリックします。

ステップ2：スタイル設定の構成

スタイル設定セクションで、以下を構成します：

• フィルタースタイル：フィルタースタイルの適用方法を選択します：
  • カスタムスタイル：テーマのデフォルトフィルタースタイルを上書きするカスタム設定を適用します。
  • テーマスタイルを適用：ストアテーマで定義されたフィルタースタイルを使用します。
• カスタムレイアウト：フィルタースタイルでカスタムスタイルを選択した場合、ストアフロントでのフィルター表示方法をさらに選択できます。
  • 左右：フィルターはサイドバーに表示されます（主にPC版で使用）。
  • 水平：フィルターはページの上部に表示されます。
  • ドロワー：フィルターはスライドアウトパネルに表示されます（主にモバイルで使用）。

ステップ3：フィルター表示のプレビュー

フィルタープレビューセクションで、プレビューするフィルタータイプを選択します：

• デフォルトフィルター
• パーソナライズドフィルター

選択したフィルタータイプに応じて、下に表示されるフィルターが個別に構成可能になります。

ステップ4：個別フィルター表示の設定

ステップ3で選択したフィルタータイプに基づき、対応するプリセットフィルター条件が表示されます。

その後、各フィルター（例：販売価格、カラー）の表示設定を個別にカスタマイズできます。利用可能なオプションは以下の通りです：

• フィルターの表示：フィルターが失効している場合、非表示となりプレビューやストアフロントに表示されません。
• フィルタータイプのカスタム名：フィルタータイプのカスタム名を使用して、顧客に表示されるフィルター名をカスタマイズします。
• このフィルターをデフォルトで閉じる：このオプションを有効にすると、ページ読み込み時にフィルターセクションが閉じた状態になります。
• スタイルタイプ（フィルタータイプによって異なります）：利用可能なスタイルオプションはフィルタータイプに依存します。

ステップ5：表示のプレビュー

異なるデバイスでフィルターの表示をプレビューできます。デバイスビューを切り替え：

• PC版
• モバイル

これにより、フィルターレイアウトとスタイルがデバイス間で正しく表示されることを確認できます。

重要な注意事項

• これらの設定はデフォルトフィルターとパーソナライズドフィルターの両方に適用されます。
• 表示設定はフィルターの外観にのみ影響し、ロジックや条件には影響しません。
• 利用可能なスタイルオプションはフィルタータイプによって異なる場合があります。
• プレビューは参考用であり、実際のストアフロント表示は若干異なる場合があります。

問題解決：フィルターが正しく表示されない場合

上記のフィルター表示設定を完了しても、ストアフロントでフィルターが正しく表示されない場合は、以下を確認してください：

テーマエディターでフィルター機能は有効になっていますか？

オンラインストア > デザインに移動してテーマエディターを開きます。次に、カテゴリまたは検索ページに切り替え、フィルタリングを有効にするトグルがオンになっていることを確認してください。

アプリの衝突はありますか？

スマート検索アプリのカスタムフィルタースタイル機能は、商品フィルタ＆カラーチップアプリのフィルタースタイル機能と衝突する可能性があります。両方を同時に適用すると、カテゴリページやすべての商品ページでレイアウトの問題が発生することがあります。衝突を避けるために、どちらか一方のアプリのフィルター機能のみを使用することをお勧めします。