Commerce Navigationレンダリング

Version: 10.3
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

お客様がストアフロントをすばやく簡単にナビゲートできるようにすることは、ウェブストアを構築する際の重要な考慮事項です。これに対処するために、ツールボックスのCommerce Catalogセクションから2つのナビゲーション レンダリングを使用できます。

Commerce Catalog in the Toolbox
メモ

デフォルトでは、Sitecore 9.2以降、既存のサイトはカテゴリ ナビゲーション レンダリングを使用し、新しいサイトはコマース ナビゲーション レンダリングを使用します。

カテゴリ ナビゲーション レンダリング

カテゴリ ナビゲーション レンダリングは、インデックスをクエリしてメニュー項目を取得し、ストアフロント サイトでレンダリングされるコマース固有のコンポーネントです。このレンダリングは、次のとおりです。

  • ワイルドカードページをサポートしますが、メニュー項目は1レベルのみサポートします。

  • レスポンシブデザインとモバイルデバイスをサポートします。

  • notはレンダリング バリアントをサポートしていますか。

Commerce Navigationレンダリング

Commerce Navigationレンダリングは、SXA Navigationコンポーネントのクローンであり、コンテンツ内のアイテムをターゲットにしてメニュー アイテムを取得し、ストアフロント サイトでレンダリングします。このレンダリング コンポーネントはインデックスを使用しません。このナビゲーション レンダリングとSXAナビゲーション レンダリングの違いは、MVCレンダリング ビュー (sitecore/Layout/Renderings/Feature/Commerce Experience Accelerator/Commerce Catalog/Commerce Navigation) と個別のレンダリング バリアント ルートです。SXAナビゲーション レンダリングとは異なり、このビューはBootstrapを使用してレスポンシブ デザインとモバイル デバイスをサポートします。デフォルトのストアフロントブランドテーマでは、コンポーネントにJavaScriptとスタイルが追加され、カテゴリナビゲーションレンダリングのような外観になります。

このレンダリングは、次のとおりです。

  • インデックスを使用するのではなく、コンテンツ内のアイテムを対象としているため、ダイレクト ナビゲーション を有効にする必要があります。

  • 複数のメニューレベルをサポートします (ただし、Storefront BrandedテーマのデフォルトのJSとスタイルは、最初のトップレベルのみを対象としています)。

  • レンダリングバリアントをサポートします。

  • レスポンシブデザインとモバイルデバイスをサポートします。

次の図に示すように、モバイル デバイスでは、ストアフロント ナビゲーション メニューは既定で折りたたまれています。

Storefront navigation on the live storefront

次の図は、ストアフロントでのCommerce Navigationレンダリングの例を示しています。これは、Storefront Brandedテーマを使用した対応するカテゴリ ナビゲーション レンダリングと同じルック アンド フィールを備えています。現在、Storefront Brandedテーマは1つのメニューレベルのみをサポートしていますが、より多くのレベルをサポートするようにカスタマイズできます。

Commerce Navigation rendering on the live storefront
構成

Commerceナビゲーション レンダリングは、Control Propertiesダイアログ ボックスで構成します。次の構成プロパティは、ダイアログ ボックスのNavigation Settingsセクションで使用できます。

財産

使う

スタートページ

ナビゲーションを開始する第1レベルのカテゴリを指定します。デフォルトでは、このフィールドはHabitatカタログのカテゴリに構成されています。Habitatカタログを使用していない場合、このフィールドにはGUIDが表示され、使用しているカタログ内のカテゴリを指すように構成するまで、ストアフロント サイトにカテゴリ ナビゲーションは表示されません。

大事な

正規URLがメタデータに出力されるようにするには、カタログの カテゴリナビゲーションも設定する必要があります 。

トップナビゲーションレベル

ナビゲーションを開始するレベル (ルートからカウント) を設定します。デフォルトでは、これは1に設定されています。

ボトムナビゲーションレベル

ナビゲーションを終了するレベル (ルートからカウント) を設定します。デフォルトでは、これは1に設定されています。

ナビゲーションフィルター

ストアフロントサイトで使用されるナビゲーションのスタイルを設定します (たとえば、ブレッドクラムナビゲーション、フッターナビゲーション、メインナビゲーション、サイドバーナビゲーション、サイトマップナビゲーション)。

フラットページ構造

すべてのアイテムを同じレベルに表示するかどうかを指定します。

ルートページを含める

スタート ページを個別のレベルとして含めるかどうかを指定します。

Commerce Navigationレンダリングをカスタマイズして、ブランドの要件を満たすことができます。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、