• Topic 主题 トピック Topic Topic
  • Sign in

マルチレベルのフィルタリングを使用して商品検索体験を向上させる

Multilevel Filter マルチレベルフィルタ コンポーネントは、複数の基準に基づいて結果をフィルタリングすることで、顧客が適切な商品を簡単に見つけるのを支援します。これは、自動車部品、家電製品、ファッションアクセサリーなど、多くのSKUを持つ商品カテゴリに特に有益です。このガイドに従って、ストアでマルチレベルフィルタを設定する方法を学んでください。

Note: 現在、マルチレベルフィルタコンポーネントは、OS2.1のArise ProModern、およびNorthテーマでのみサポートされています。

 

目次

 


 

ストアフロントでのアプリケーション効果

マルチレベルフィルタを設定すると、顧客は複数のフィルタを適用して商品検索を簡単に絞り込むことができます。各フィルタは単一の選択を許可し、フィルタは階層的に連続して適用されます。
1.1.png

希望のフィルタを選択し、検索をクリックすると、顧客は対応する商品コレクションページに移動し、フィルタリングされた商品を表示できます。
1.2.png


 

マルチレベルフィルタの構成

フィルタオプションの設定

マルチレベルフィルタコンポーネントは、スマート検索アプリで事前に設定したフィルタ条件に依存します。これらのフィルタオプションを設定するには:

  1. すでにインストールしていない場合は、スマート検索アプリをインストールします。
  2. フィルタ条件」タブに移動し、「フィルタを追加」をクリックして、必要なフィルタを作成します。これらのフィルタは、マルチレベルフィルタリングパーツのオプションとして機能します。
    Note: マルチレベルフィルタリングパーツは現在、価格以外のすべてのフィルタタイプをサポートしています。 
    2.1.2.png
    フィルタ条件の設定手順についての詳細は、「スマート検索ガイド」を参照してください。

 

マルチレベルフィルタリングパーツの設定

ストアのマルチレベルフィルタリングパーツを構成する手順は次のとおりです: 

  1. SHOPLINEの管理画面で、オンラインストアデザイン に移動し、現在のテーマのデザイン ボタンをクリックして、テーマエディタにアクセスします。
    Note: マルチレベルフィルタリング機能は、OS2.1のArise ProModern、およびNorth テーマでのみサポートされています。
    2.2.1.png
  2. マルチレベルフィルタを追加したいページを選択します。
    2.2.2.png
  3. 左側のメニューから、パーツを追加 をクリックし、マルチレベルフィルタ を選択します。
    2.2.3.png
  4. 関連する商品カテゴリを選択し、コンポーネントのコピーを追加し、レイアウトとフォーマットを調整するなど、コンポーネントの設定をカスタマイズします。
    2.2.4.png
  5. フィルタータイトル をクリックして、スマート検索 アプリで定義された正確な名前を入力します。必要に応じて、最大8つのフィルタを追加できます。名前が一致しないと、誤ったフィルタリングが発生することに注意してください。
    2.2.5.png
  6. 好みに応じてフィルタータイトルの順序を変更します。また、ページ上でコンポーネント全体をドラッグアンドドロップして位置を調整することもできます。
    2.2.6.png
  7. 変更内容をプレビューします。満足したら、設定を適用するために保存 をクリックします。
Note: ストアが複数の言語をサポートしている場合は、カスタム多言語翻訳ツールアプリ内のフィルタ名を更新することを忘れないでください。具体的な手順については、テンプレートテーマテンプレートで、この記事を参照してください。 

 

この記事は役に立ちましたか?

Need more help? Contact us via the chatbox in your admin panel.

需要更多帮助?通过您商店后台的对话框与我们联系。

Need more help? Contact us via the chatbox in your admin panel.

Need more help? Contact us via the chatbox in your admin panel.

さらにサポートが必要ですか?必要なすべてのサポートをご提供いたします。

Log In and Get Help 登录并获取支援 Log In and Get Help Log In and Get Help お問い合わせ
他にご質問がございましたら、リクエストを送信してください

コメント