1. レンダリング

チュートリアル: ストアフロントでのファセットの構成と表示

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ストアフロントで集計ファセットフィルターレンダリングを含むファセットを構成および表示して、顧客が情報を簡単に検索および見つけられるようにすることができます。

メモ

レンダリングバリアントに挿入するファセットフィルターレンダリングの数に関係なく、実行時にのみ顧客に表示され、リストされたアイテムに適用される特定のファセットのファセット値がある場合にのみ表示されます。

このチュートリアルでは、集約されたファセット フィルターを作成する方法について説明します。次の方法について説明します。

  • ファセット フィルターを作成する

  • チェックリスト フィルターを追加する

  • バリアント定義を作成する

  • レンダリング バリアントを集約ファセット フィルター レンダリングに関連付けます

大事な

新しいコマースファセットを作成した後、ファセットインデックスフィールドを定義し てから、ストアフロントサイトのインデックスを再作成する必要があります。

ファセット フィルターを作成する

検索結果の署名を使用して、集約ファセット フィルター内の複数のファセット フィルターをバインドできますが、必須ではありません。

ファセット・フィルターを作成するには、次のようにします。

  1. コンテンツ エディタで、sitecore/Content/<tenant>/<site>/Settings/Facetsに移動します。

  2. Facetsフォルダを右クリックし、Insert, List Facetをクリックします。

  3. Messageダイアログボックスで、ファセットの名前を入力し、「OK」をクリックします。

  4. ContentタブのFacetセクションで、インデックスで使用される名前とフィールド名を入力します。

  5. リボンのSaveをクリックします。

チェックリスト フィルターを追加する

この手順では、チェックリスト フィルターをファセットに追加します。ただし、SXA Searchレンダリングはどれでも使用できます。

チェックリスト フィルターを追加するには:

  1. コンテンツ エディタで、sitecore/Content/<tenant>/<site>/Data/Search/Checklist Filterに移動します。

  2. Checklist Filterを右クリックし、Insert, Checklist Filterをクリックします。

  3. Messageダイアログボックスで、フィルターの名前を入力し、「 OK」をクリックします。

  4. ContentタブのFacetフィールドで、前の手順で作成したリスト ファセットを選択します。

  5. リボンのSaveをクリックします。

バリアント定義を作成する

各集約ファセット・フィルターは、レンダリング・バリアントに関連付ける必要があります。

手記

カスタムフィールドを使用している場合は、バリアント定義を作成する代わりに、ストアフロントに新しいファセットを表示するために、既存のカテゴリページおよび検索結果レンダリングバリアントに新しいコンポーネントを挿入します。

バリアント定義を作成するには:

  1. コンテンツ エディタで、sitecore/Content/<tenant>/<site>/Presentation/Rendering Variants/Aggregated Facet Filterに移動します。

    Aggregated Facet Filterフォルダーには、集約ファセット フィルターに使用できるすべてのバリアント定義が含まれています。

  2. Aggregated Facet Filterフォルダを右クリックし、Insert, Variant Definitionをクリックします。

  3. Messageダイアログボックスで、バリアント定義の名前を入力し、「 OK」をクリックします。

  4. 新しく作成したバリアント定義を右クリックし、「 Insert, Component」をクリックします。

  5. Messageダイアログボックスで、コンポーネントの名前を入力し、「OK」をクリックします。

  6. ContentタブのRendering Itemフィールドで をクリックしてRenderings/Feature/Experience Accelerator/Search/Filter (Checklist)を選択し、リボンでSaveをクリックします。

  7. Rendering Parametersフィールドで、Configureをクリックします。

  8. Control Propertiesダイアログボックスの「 Data Source」で「 Browse」をクリックし、「Select the Associated Content」ダイアログボックスで、前の手順で作成したチェックリストフィルタを選択して「 OK」をクリックします。

  9. Control Propertiesダイアログボックスの「SearchCriteria」セクションの「Search results signature」フィールドで、検索結果の署名(category-page、search-pageなど)を定義し、「OK」をクリックします。前のスクリーンショットでは、カテゴリ ページには3つのフィルター チェックリスト (ブランド、メーカー、商品の種類) があり、検索シグネチャ (category-page) にリンクされています。

  10. リンクするページ上のすべてのコンポーネント(レンダリング)に対して、手順4から9を繰り返します(例: 結果を並べ替え、検索結果、さらにロード)。

  11. リボンのSaveをクリックします。

レンダリング バリアントを集約ファセット フィルター レンダリングに関連付けます
手記

ファセットを既存のバリアント定義に追加する場合は、この手順を完了する必要はありません。

レンダリング バリアントを集約ファセット フィルター レンダリングに関連付けるには:

  1. コンテンツ エディタで、sitecore/Content/<tenant>/<site>/Presentation/Partial Designsに移動します。

  2. フォルダを展開し、Default Commerce Category Page Contentを右クリックしてExperience Editorをクリックします。

  3. エクスペリエンス エディターのページで、Aggregated Facet filterレンダリングをクリックし、Variantリストから、前の手順で作成したバリアント定義をクリックします。

  4. リボンのSaveをクリックします。

  5. コンテンツ エディターでsitecore/Content/<tenant>/<site>/Presentation/Partial Designsに移動し、Default Commerce Category Page Contentを右クリックしてPublish Itemをクリックします。

  6. Publish Itemダイアログボックスで、公開オプションを選択し、「Publish」をクリックします。

この記事を改善するための提案がある場合は、 お知らせください!