---
title: "ストアフロントでのファセットの設定と表示"
slug: "configuring-and-displaying-facets-on-the-storefront"
abstract: "ストアフロントの側面の概要。"
---
# ストアフロントでのファセットの設定と表示

Sitecore Experience Accelerator(SXA)には、アグリゲートされたファセットフィルターレンダリングが含まれています。このレンダリングは複数のファセットフィルターをアグリゲートします。ページ上で [ファセットを表示・設定](https://doc.sitecore.com/xp/ja/developers/101/sitecore-experience-commerce/walkthrough--configuring-and-displaying-facets-on-the-storefront.html "Walkthrough: Configuring and displaying facets on the storefront") するには、個別のファセットフィルターレンダリングを挿入するか、アグリゲートされたファセットフィルターレンダリングを使用します。アグリゲートされたファセットフィルターを使うことで、レンダリングバリアントを作成・関連付け、そのレンダリングバリアント上でファセットフィルターレンダリングを設定します。必要なファセットフィルターを備えたレンダリングバリアントがすでに存在すれば、必要な検索シグネチャを設定していれば再利用可能です。

アグリゲートされたファセットフィルターレンダリングをレンダリングバリアントで使用する利点は、レンダリングバリアントに対して一度だけファセットフィルターを設定し、それを複数のページで再利用する方が、個々のファセットフィルターレンダリングを設定するよりも簡単になることです。ファセットフィルターは、検索結果に適用されるファセットフィルター値がない場合や、カタログ上でプロパティが定義されていない場合に隠れます。

カテゴリページは検索駆動型で、Storefrontサイトテンプレートでは、Aggregated Facet Filterレンダリングがデフォルトでカテゴリページでブランド、製造元、商品の種類の3つの [チェックリストフィルター](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/en/the-sxa-renderings-and-rendering-variants.html) を表示するように設定されています。これらのプロパティ(ブランド、製造元、商品の種類)はカタログ内の製品ごとに定義されており、デフォルトのCommerce Categoryページで動的に表示するためには存在しなければなりません。

> !注カタログアイテムテンプレートを拡張するには、「 [カタログアイテムテンプレートに新しいフィールドを追加」](https://doc.sitecore.com/xp/ja/developers/101/sitecore-experience-commerce/add-new-fields-to-a-catalog-item-template.html "Add new fields to a catalog item template")をご覧ください。

以下の図はデフォルトのCommerceカテゴリページを示しています:

1.  ファセットサマリーレンダリング。
2.  Aggregated Facet Filterレンダリング(*sitecore/Layout/Renderings/Feature/Experience Accelerator/Search/Aggregated Facet Filter*)を、個別のファセット(ブランド、製造元、商品の種類)を含むCommerceレンダリングバリアントで使用します。
3.  ソート結果レンダリング(*sitecore/layout/Renderings/Feature/Experience Accelerator/Search/Sort Results*)。
4.  結果 レンダリング数(*/sitecore/layout/Renderings/Feature/Experience Accelerator/Search/Results Count*)。
5.  Commerce Search Results レンダリング(*sitecore/Layout/Renderings/Feature/Commerce Experience Accelerator/Commerce Catalog/Commerce Search Results*)。これは非常に多用途なレンダリングで、多様な用途があります。Storefrontサイトテンプレートでは、このレンダリングはデフォルトでカテゴリページ、関連商品ページ、プロモーション商品ページ(ホームページ)、およびSearch Resultsページで使用されます。
6.  レンダリングをもっと読み込む(*/sitecore/Content///Data/Search/Load More*)。

![Renderings on the default Commerce category page](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/101/sitecore-experience-commerce/images/AggregatedFacetFilterPartialDesign.png)

以下の図は、ライブストアフロントに表示されるCommerce集約面フィルターを示しています。

![Commerce Aggregated Facets filter](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/101/sitecore-experience-commerce/images/AggregatedFacetFilterLiveStorefront.png)

集約されたファセットフィルターや検索シグネチャは、例えば特定の集約ファセットフィルターを特定のページに関連付けたい場合に役立ちます。例えば、ストアフロントサイトのテンプレートにはホームページに、セール中のテレビ用とMiraノートパソコン用の2[](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/en/commerce-home-page.html)つの検索エリアが含まれています。それぞれの場合、個別のレンダリング(Commerce Search ResultsとLoad More)は検索署名で結合されています。つまり、検索結果はテレビまたはノートパソコンのいずれかのエリアに限定され、重複しません。