商品リストの並べ替え順序の作成と設定

概要

ストアフロント検索結果に並べ替えオプションを追加する方法。

SXA 検索結果レンダリングまたは Commerce 検索結果レンダリングを使用しているページに [結果の並べ替え] レンダリングを追加して、顧客が商品カードを並べ替えることで探しているものを簡単に見つけられるようにできます。次の図では、商品カードが関連性で並べ替えられています。

検索結果ページの商品カード

デフォルトでは、Storefront サイト テンプレートでは、並べ替えレンダリングのデータ ソースと並べ替えオプションを定義すると、顧客はタイトル、ブランド、メーカーで商品を並べ替えることができます。以下のデフォルトの並べ替え順序を使用できます。

  • 昇順 - ブランド別の検索結果を昇順 (A-Z) で表示します。

  • 降順 - 検索結果を表示名の降順 (Z-A) で表示します。

  • ランダム化 - 検索結果をランダムな順序で表示します。

  • 関連性 - 関連する検索スコープに対して指定された定義済みのブースト ルールを使用して、検索結果を表示します。

Commerce Sort Results フォルダーには、Storefront サイト テンプレートでデフォルトで使用できる並べ替えオプションが含まれています。新しい並べ替えオプションを追加して既存の Commerce 並べ替えグループを拡張することも、新しい並べ替えオプションを作成することもできます。

新しい並べ替えオプションを作成するには:

  1. コンテンツ エディターで、/sitecore/Content/<tenant>/<site>/Data/Search/Sort Results/Commerce に移動します。次の図は、Storefront サイト テンプレートを使用して Commerce 並べ替えグループで使用可能な並べ替えオプションを示しています。

    Commerce 並べ替えグループの並べ替えオプション
  2. [Commerce] を右クリックして、[挿入 > 並べ替え] をクリックします。

  3. [メッセージ] ダイアログ ボックスで、並べ替えオプションの名前を入力し、[OK] をクリックします。

  4. [コンテンツ] タブの [一般] セクションにある [タイトル] フィールドに、並べ替えタイプのタイトルを入力します。たとえば、関連性 と入力します。これは必須フィールドです。

  5. 関連性以外の並べ替えオプションについては、[ファセット] フィールドをクリックして、並べ替えるファセット、たとえば、[タイトル] をクリックします。

  6. [方向] フィールドをクリックし、結果を並べ替える方法、たとえば、関連性 をクリックします。

    [タイトル]、[ファセット]、および [方向] フィールド
  7. リボンの [保存] をクリックします。

並べ替え結果のレンダリングを追加および設定するには:

  1. エクスペリエンス エディター ツールボックスで、[検索] セクションの [結果の並べ替え] をクリックし、レンダリングをページにドラッグします。

  2. [関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、並べ替えグループ、たとえば、Commerce をクリックし、[ OK] をクリックします。

  3. [並べ替え結果] ツールバーで、[詳細 > コンポーネント プロパティを編集する] をクリックします。

  4. [コントロールのプロパティ] ダイアログ ボックスで、[ SearchCriteria] セクションの [検索結果シグネチャー] フィールドに、SXA 検索結果または Commerce 検索結果レンダリングに使用したものと同じ検索結果シグネチャーを入力し、[OK] をクリックします。