Commerce 検索結果レンダリングを使用する

概要

Commerce 検索結果レンダリングと設定方法の概要。

迅速かつ簡単にストアフロントを検索することは重要です。これを実行するには、ツールボックスにある Commerce 検索結果レンダリングと SXA 検索結果レンダリングの 2 つの検索レンダリングを使用します。

Commerce 検索結果レンダリングは、ツールボックスの [Commerce カタログ] セクションにあり、以下を含む SXA Storefront サイト テンプレートの複数のページで使用します。

  • Commerce カタログ カテゴリー ページ

  • Commerce ホーム ページ

  • Commerce 商品詳細ページ

  • Commerce 検索結果ページ

Commerce 検索結果レンダリングを使用するには、Commerce 検索結果レンダリングをページに追加し、検索シグネチャーを定義し関連付ける必要があります。

注記

Commerce 検索結果レンダリングは、カタログ画像ソースのサイトレベルの設定 (sitecore/<tenant>/<site>/Settings/Commerce/Catalog Configuration) を使用します。これは、画像をメディア ライブラリか Sitecore Digital Asset Management (DAM) システムのどちらから取得するかを決定します。

検索結果をユーザーに表示するには、SXA 検索結果または Commerce 検索結果レンダリングのどちらかをページに追加する必要があります。

Commerce 検索結果レンダリングを追加するには、次の手順に従います。

  1. エクスペリエンス エディターで検索レンダリングを追加するページを開きます。

  2. [ツールボックス] にある [Commerce カタログ] セクションで、[Commerce 検索結果] レンダリングをクリックし、ページにドラッグします。

  3. [関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、[デフォルト] > [OK] の順に選択します。

    Commerce 検索結果レンダリングに関連するコンテンツを選択する
  4. 検索結果として結果が何も返されなかった場合に表示されるテキストを変更するには、[Commerce 検索結果] ツールバーで、[コンポーネント 設定 アイテムを編集します] A0173FD240754803B4109340ECAC8288.png をクリックし、表示するテキストを入力し、[OK] をクリックします。

    Commerce 検索結果ツールバー
  5. [Commerce 検索結果] ツールバーで、[詳細] > [プロパティ] の順に選択し、[コントロール プロパティ] ダイアログ ボックスの [カタログ画像] セクションで、画像ソースを指定します。Sitecore Digital Asset Management (DAM) システムで保存され、管理されている画像を使用するには、[サイトコアデジタルアセット管理システムの画像を使用する] チェックボックスをオンにします。チェックボックスがオフの場合は、メディア ライブラリから画像を取得します。

  6. 検索結果の配置方法を指定するには、以下のフィールドを編集します。

    • 検索結果シグネチャー – 結果をさらに表示レンダリングなどの別の検索レンダリングとの組み合わせに使用できる固有のシグネチャーを入力します。これは、ページ上に 1 つ以上の検索レンダリングがあり、特定の検索結果をフィルタリングする場合に便利です。

    • 検索スコープ - 検索スコープを選択し、検索結果を制限します。

    • ページ サイズ – はじめにレンダリングをしたときや別のページがロードされたときまたは [結果をさらに表示] ボタンをクリックし、無限スクロールが使用されたときにロードする結果数を入力します。

    • デフォルト言語 フィルタリング – 検索に使用する言語を選択します。通常、これは現在の言語に設定されています。

    • デフォルト ソート順序 – ページで結果を並べ替える方法を選択します。これは、ソート 結果レンダリングが使用されていない場合にのみ使用されます。

  7. 終了したら、[OK] をクリックし、リボンにある [保存] をクリックします。

検索結果シグネチャーは、いくつかのファセット フィルターを集約し、ライブ ストアフロントで顧客が複数の選択肢に基づいた検索結果をフィルター処理し、ページで結果を動的にレンダリングされるようにします。

Storefront サイト テンプレートには、ホーム ページが含まれており、これには、Commerce 検索結果レンダリングと結果をさらに表示レンダリングの 2 つのセクションがあります。各セクションでは、固有の検索シグネチャーがレンダリングをバインドします。たとえば、[テレビのセール中] セクションでは、on-sale-televisions 検索結果シグネチャーが Commerce 検索結果レンダリングと関連する [結果をさらに表示] ボタンで使用されます。[Mira ラップトップ] セクションでは、mira-laptops 検索結果シグネチャーが両方のレンダリングで使用されます。

Storefront サイト テンプレートのホーム ページで使用される検索シグネチャー

検索結果シグネチャーを指定するには、次の手順に従います。

  1. [ツールボックス] の [検索] セクションで、結果をさらに表示などの検索レンダリングをパーシャル デザインにドラッグします。

  2. ツールバーで、[詳細] > [プロパティ] の順に選択します。

  3. [コントロール プロパティ] ダイアログ ボックスの [検索条件] セクションで、検索結果シグネチャーを定義し、[OK] をクリックします。