---
title: "ストアフロント検索用のファセットを使い、設定します"
slug: "use-and-configure-a-facet-for-the-storefront-search"
abstract: "ストアフロントに表示される検索結果をフィルタリングし制限するためのファセットの使い方。"
---
# ストアフロント検索用のファセットを使い、設定します

ファセットを使って、ストアフロントに表示される検索結果をフィルタリングし、制限します。ファセットとは、商品を閲覧したり分類したりする方法のことです。例えば、オンラインの自動車ディーラーでは、車のメーカー、モデル、色、年式、価格に基づいて検索することができます。エクスペリエンスエディターで検索ページを作成する際に、ツールボックスのCommerce Catalogセクションで利用可能なProduct Facetレンダリングを追加します。

> !注SXA Storefrontが進化するにつれて、ここに挙げたレンダリングよりも優れた開発者体験を提供する [新しいレンダリング](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/en/choosing-between-available-renderings.html) が利用可能になっています。特に、Product Facets、Category Navigation、Search Initiatedに関する新しいレンダリングが利用可能です。
> 
> プロダクトファセットレンダリングの代わりに、アグリゲートされたファセットレンダリングを使うことをお勧めします。詳細は [ウォークスルー:ストアフロントでのファセットの設定と表示](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")をご覧ください。

店舗フロント(*/sitecore/Content/Sitecore/Storefront/Settings/Facets*)には、Sitecore面に加えて以下のファセットが利用可能です。

> !注システムフォルダ */sitecore/System/Settings/Buckets/Facets*)内のファセットは、以前のレンダリングでのみ使用されます。

ファセット

概要

ブランド

結果はブランドごとにまとめられます。

製造元

結果はメーカーごとにまとめられます。

財の種類

結果を商品の種類ごとにグループ化します。

> !重要新しいコマースファセットを作成した後は、[ファセットインデックスフィールドを定義](https://doc.sitecore.com/xp/ja/developers/101/sitecore-experience-commerce/adding-a-property-field-to-an-index.html "Adding a property field to an index") し、ストアフロントサイトを再インデックスする必要があります。

以下の図は、エクスペリエンスエディターで表示されるプロダクトファセットのレンダリングを示しています。

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

ストアフロントのサイトでは、Product Facetsのレンダリングは次のようなものになるかもしれません。

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

## 実行時検索ファセットの設定

ストアフロントの各カテゴリページに対して、ランタイム検索ファセットが表示される結果を決定します。

ランタイム検索のファセットを設定するには:

1.  コンテンツエディターで*sitecore/Content///Home/Catalogs*に行き、該当するカタログをクリックしてください。
    
2.  Commerce **Search**セクションの**コンテンツ**タブで、検索結果を表示する際に使いたいファセットをクリックしてください。
    
    ファセットはコンテンツツリー(*sitecore/system/Settings/Buckets/Facets*)で定義されます。
    

## ファセットがターゲットとするフィールドを指定します

ファセットは、関連付ける性質に基づいて情報をフィルタリングします。

ターゲット面のフィールドを指定するには:

1.  コンテンツエディターで*sitecore/Settings/Buckets/Facets*に移動します。
    
2.  ターゲットを指定したいファセットをクリックします。
    
3.  **コンテンツ**タブの**ファセット**セクションで、ファセットの名前と表示名を指定します。
    
4.  **ファセットフィルター**フィールドで、検索で使うファセット値を制限するファセットフィルターを定義します。ISimpleFacetインターフェースを実装するクラスへの参照を入力できます。このクラスは自分で作成しなければならず、文字列を返す必要があります。このクラスで、ファセットが検索すべきフィルターを決定するロジックを実装できます。このクラスはフィルターの数を減らすことを目的としています。例えば、Date RangeやFile Sizeなど、いくつかのSitecore検索ファセットはこのように実装されています。
    
5.  **フィールド名**フィールドでは、ユーザーが検索できるようにしたいフィールドをカンマ区切りのリストで指定してください。フィールド名を指定すると、Sitecoreはそのフィールドを基にファセットを作成します。複数のフィールド名をカンマ区切られたリストとして入力でき、その場合Sitecoreは階層的なフィルター(例えば、ベルト/黒、ベルト/白など)を作成します。フィールド名を小文字で指定し、フィールド名はインデックスのまま使います。
    
6.  フェイセットを機能させるには **「有効」** のチェックボックスを選択してください。
    
7.  新しいファセットフィルターがあなたのストアフロントでどのように動作するかを見るには、**エクスペリエンスエディター** でページを開き、**Searchボックス** と**Search**結果のレンダリングをページに追加してください。「**関連するコンテンツを選択する**」ダイアログボックスで、作成したフィルターをクリックして**「OK」**をクリックします。
    
8.  ページを保存してください。
    
    [プレビューモードで](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/en/publish-a-website.html)ページを見ると、検索結果を絞り込むことができます。