使用可能なレンダリングから選択する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Experience Accelerator (SXA) の新機能とレンダリング、およびSXAのコマース コンポーネントを活用するために、Storefrontサイト テンプレートには、次の表で詳しく説明されている更新されたレンダリングが含まれています。最初の表には検索関連のレンダリングがリストされ、2番目の表にはナビゲーション レンダリングがリストされています。
1列目と2列目のレンダリングは同じページ上に存在できますが、混在させることはできません。つまり、グループ内で連携して機能する検索ベースのレンダリングの複数のグループを持つことはできますが、列1と列2のレンダリングを混在させることはできません。たとえば、Storefrontサイト テンプレートの ホーム ページには、既定では、Commerce検索結果レンダリング を使用する2つのプロモーション製品のグループが含まれています (1つはテレビ用、もう1つはMiraラップトップ用)。1つのグループは列1のレンダリングに基づいており、もう1つのグループは列2のレンダリングに基づいている可能性があります。
|
おすすめ (1) |
前駆体 (2) |
(1)が(2)よりも優れている |
|---|---|---|
|
集約ファセットフィルターレンダリング |
SXA集約ファセット フィルター レンダリングは、含まれるファセットがレンダリング バリアントで設定され、特定の検索結果シグネチャに関連付けられた個々のフィルター ファセットで構成されているため、カスタマイズが容易で柔軟性があります。 集約ファセット・フィルター・レンダリングに関連付けられたレンダリング・バリアントを変更するには、集約ファセット・フィルター・ツールバーから使用するバリアントを選択します。集約ファセット・フィルター・レンダリングを使用すると、ユーザーは複数のファセット値を選択し、AJAXコールを使用してページ・ロード・パフォーマンスを向上させることができます。集約ファセット フィルター レンダリングには、任意のフィルター タイプのレンダリングを挿入できます。 一方、製品ファセットレンダリングはレンダリングバリアントをサポートしておらず、すべてのファセットのレンダリングを一度に処理します。さらに、すべてのファセットは同じチェックリストタイプであるため、プレゼンテーションと顧客のユーザビリティのオプションは限られています。レンダリングするファセットは、カテゴリ項目とページ項目で設定できます。 メモ どちらのレンダリングでも、カテゴリごとに異なるファセットのリストを設定でき、どちらのレンダリングでも、選択可能な値がないファセットが非表示になります(設定されていても)。 | |
|
コマース検索結果 |
Commerce検索結果レンダリングは、標準のSXA検索結果レンダリングに基づいており、検索シグネチャを使用し、インデックスをクエリしてアイテムを取得します。これは、ホーム、カテゴリ、検索結果、および商品詳細ページのストアフロント サイト テンプレートとともに使用されます。これは、カスタマイズが容易で柔軟性があり、商品ブーストのサポートを含む最新のストアフロントの要件を満たしているためです。 これらのレンダリングの比較については、「 製品リストで使用可能なレンダリングの選択」を参照してください。 | |
|
フィルター (チェックリスト) フィルター (日付) フィルター (ドロップダウン) フィルター (管理範囲) フィルター (半径) フィルター(レンジスライダー) フィルター(スライダー) |
チェックリストや日付からスライダーまで、7つの フィルター タイプの レンダリングがあり、それぞれが異なる顧客のユーザビリティ オプションと機能を提供します。これらのフィルターレンダリングは、個別にページにドラッグすることも、集約ファセットフィルターレンダリングの一部としてドラッグすることもできます。製品ファセットレンダリングでは、設定されたすべてのファセットが同じチェックリストタイプとしてレンダリングされるため、プレゼンテーションと顧客のユーザビリティのオプションは限られています。 | |
|
さらにロードする |
どちらのレンダリング セットでも、ページングと無限スクロールのどちらを使用するかは省略可能です。Load Moreレンダリングを使用すると、顧客は無限スクロール設定でより多くの結果をロードできます。 Load Moreレンダリングを、固定スポットに表示されるレンダリングの一部ではなく、別のレンダリングとして持つと、ページレイアウトをデザインする際の柔軟性が向上します。 | |
|
ページサイズ |
ページサイズレンダリングを使用すると、お客様はページごとに表示されるアイテムの数を選択できます。 | |
|
ページセレクター | ||
|
結果数 |
結果数では、検索結果の署名 が使用され、検索レンダリングの異なるグループがあるページで複数回使用できます。 | |
|
結果バリアントセレクター |
NAの |
結果バリアント セレクターのレンダリングには、制限されたリスト、詳細、タイルなど、さまざまな検索結果の表示オプションから選択するオプションが用意されています。 |
|
検索ボックス |
検索バー |
検索ボックスは検索結果の署名を使用し、検索レンダリングの異なるグループを含むページで複数回使用できます。たとえば、Storefrontサイト テンプレートを使用すると、ページ上部のグローバル検索とカテゴリ内のローカル検索の両方で、カテゴリ ページの検索結果を絞り込むために使用されます。 検索ボックスは、先行入力と予測候補をサポートしています。 |
|
結果の並べ替え |
SXAのSort Resultsレンダリングは、検索結果を並べ替えるために使用されます。ソート結果レンダリングをさらにロードボタンなどの他のレンダリングとリンクするには、検索シグネチャを定義し、両方のレンダリングで同じシグネチャを使用します。また、新しいソートオプションを定義することもできます。 結果の並べ替え レンダリングでは、関連性に基づいて、またはランダムに結果を並べ替えることができます。関連性を使用すると、特定の商品やページを他の商品やページよりも昇格させるブースティングルールを定義できます。 |
次の表は、ナビゲーション レンダリングの詳細を示しています。
|
おすすめ (1) |
前駆体 (2) |
(1)が(2)よりも優れている |
|---|---|---|
|
コマースナビゲーション |
カテゴリ ナビゲーションとSXAナビゲーション |
Commerce Navigationレンダリングは、標準のSXA Navigationレンダリングに基づいていますが、別のレンダリング バリアント ルートと異なるMVCレンダリング ビューがあります。SXAナビゲーション レンダリングとは異なり、Bootstrapを使用してレスポンシブ デザインをサポートします。インデックスは使用せず、コンテンツ内の項目が対象となります。その前身であるカテゴリ ナビゲーション レンダリングは、レンダリング バリアントでは機能せず、検索ベースです。 |
|
検索結果 ページ一覧 ページコンテンツ |
サブカテゴリナビゲーション |
検索結果レンダリングは、Commerce検索スコープを使用してサブメニューにサブカテゴリを一覧表示するなど、さまざまなシナリオで使用できます。 検索結果レンダリングでは、別のAJAX呼び出しを使用して検索結果を取得します。一方、サブカテゴリ ナビゲーション レンダリングでは、AJAX呼び出しは使用されませんが、代わりにクエリを最初のサーバー側レンダリングの一部として処理するため、パフォーマンスが向上します。これが、Storefrontサイト テンプレートがデフォルトでサブカテゴリ ナビゲーション レンダリングを使用する理由です。 検索結果レンダリングとサブカテゴリ ナビゲーション レンダリングはどちらも検索ベースですが、サブカテゴリ ナビゲーション レンダリングはレンダリング バリアントをサポートしていません。つまり、カスタマイズは簡単ではなく、検索結果レンダリングよりも柔軟性が低くなります。 |
更新されたレンダリングは、カスタマイズに関してはより柔軟ですが、キャッシュとパフォーマンス の要件を満たしているかどうかを確認する必要があります。