1. レンダリング

ウォークスルー

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

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

ストアフロントでアグリゲートされたファセットフィルターのレンダリングを含むファセットを設定し表示でき、顧客が情報を検索し見つけやすくします。

!注レンダリングバリアントにどれだけ多くのファセットフィルターレンダリングを挿入しても、それらは実行時にしか顧客に見えず、指定されたファセットのファセット値がリストに適用される場合に限ります。

このウォークスルーでは、集約されたファセットフィルターの構築方法を説明します。以下の方法を説明しています:

  • ファセットフィルターを作成します
  • チェックリストフィルターを追加
  • 変異定義を作成する
  • レンダリングバリアントをアグリゲートされたファセットフィルターレンダリングと関連付けてください

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

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

検索結果署名を使って、複数のファセットフィルターをアグリゲートされたファセットフィルターで結合させることもできますが、必須ではありません。

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

  1. コンテンツエディターでsitecore/Content///Settings/Facetsへ行ってください。

    FacetsFolderContentEditor.png

  2. Facetsフォルダを右クリックして「挿入、Facetをリスト」をクリックします。

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

  4. コンテンツタブのファセットセクションで、名前とフィールド名を入力し、それがインデックスで使用されます。

  5. リボンの上で「 保存」をクリックします。

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

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

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

  1. コンテンツエディターでsitecore/Content///Data/Search/Checklist Filterへ行ってください。

  2. 右クリック でチェックリストフィルター を選び、挿入、チェックリストフィルターをクリックしてください。

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

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

    AggregatedFacetChecklistFilter.png

  5. リボンの上で「 保存」をクリックします。

変異定義を作成する

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

!注カスタムフィールドを使用している場合、バリアント定義を作成する代わりに、既存のカテゴリページに新しいコンポーネントを挿入し、新しいファセットをストアフロントに表示するためにSearch Resultsレンダリングのバリアントを挿入してください。

変種定義を作成するために:

  1. コンテンツエディターでsitecore/Content///Presentation/Rendering Variants/Aggregated Facet Filterへ行ってください。

    Aggregated Facet Filterフォルダには、アグリゲートされたファセットフィルターで使えるすべてのバリアント定義が入っています。

  2. Aggregated Facet Filterフォルダを右クリックして「挿入、バリアント定義」をクリックします。

  3. メッセージダイアログボックスで、バリアント定義の名前を入力してOKをクリックします。

  4. 新しく作成したバリアント定義を右クリックし、「 挿入、コンポーネント」をクリックします。

  5. メッセージダイアログボックスでコンポーネント名を入力し、OKをクリックします。

  6. コンテンツタブのレンダリングアイテムフィールドで、Renderings/Feature/Experience Accelerator/Search/Filter (Checklist)を選択し、リボンの上で**保存をクリックします。

    AggregatedFacetFilterVariant.png

  7. レンダリングパラメータフィールドで「Configure」をクリックします。

  8. コントロールプロパティダイアログボックスの**「データソース**」で「ブラウズ」をクリックし、前回の手順で作成したチェックリストフィルターを選択するダイアログボックスで「関連コンテンツ選択」ダイアログボックスで「**OK」**をクリックします。

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

  10. リンクしたいページ上のすべてのコンポーネント(レンダリング)について、例えば「結果の並べ替え」「Search結果」「もっと読み込む」など、ステップ4から9までを繰り返します。

  11. リボンの上で「 保存」をクリックします。

レンダリングバリアントをアグリゲートされたファセットフィルターレンダリングと関連付けてください

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

レンダリングバリアントをアグリゲート面フィルターレンダリングと関連付けるために:

  1. コンテンツエディターでsitecore/Content///Presentation/Partial Designsへ行ってください。

  2. フォルダを展開し、「 デフォルトの商取引カテゴリのコンテンツ 」ページを右クリックして「 エクスペリエンスエディター」をクリックします。

  3. エクスペリエンスエディターのページで、ア グリゲートされたファセットフィルター のレンダリングをクリックし、バ リアント リストから前述の手順で作成したバリアント定義をクリックしてください。

    AggregatedFacetFilterVariantSelection.png

  4. リボンの上で「 保存」をクリックします。

  5. コンテンツエディターでsitecore/Content///Presentation/Partial Designsに移動し、右クリックで「 デフォルトの商取引カテゴリページ コンテンツ」をクリックし、「 アイテム公開」をクリックします。

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

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