商業航行図
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
お客様が店舗を迅速かつ簡単にナビゲートできるようにすることは、ウェブストアを構築する際に重要な考慮事項です。この問題に対処するために、ツールボックスのCommerce Catalogセクションから2つのナビゲーションレンダリングが用意されています。
!注デフォルトでは、Sitecore 9.2以降、既存サイトはカテゴリナビゲーションレンダリングを使用し、新規サイトはコマースナビゲーションレンダリングを使用します。
カテゴリナビゲーションレンダリング
カテゴリナビゲーションレンダリングは、インデックスからクエリしてメニュー項目を取得し、それをストアフロントサイトにレンダリングするコマース特有のコンポーネントです。このレンダリング:
- ワイルドカードページはサポートしますが、メニュー項目は1レベルのみです。
- レスポンシブデザインおよびモバイルデバイスをサポートします。
- レンダリングバリアントには対応 していません 。
商業航海図のレンダリング
Commerce NavigationレンダリングはSXAナビゲーション コンポーネントのクローンで、コンテンツ内のアイテムをターゲットにメニュー項目を取得し、それをストアフロントサイトにレンダリングします。このレンダリングコンポーネントはインデックスを使用しません。このナビゲーションレンダリングとSXAナビゲーションレンダリングの違いは、MVCレンダリングビュー(sitecore/レイアウト/レンダリング/feature/Commerce Experience Accelerator/Commerce Catalog/Commerce Navigation)と、別のレンダリングバリアントのルートです。SXAナビゲーションレンダリングとは異なり、このビューはレスポンシブデザインやモバイルデバイスをサポートするためにBootstrapを使用しています。デフォルトのStorefrontブランドテーマは、コンポーネントにJavaScriptとスタイリングを追加し、カテゴリナビゲーションレンダリングのように見た目と操作感を持たせます。
このレンダリング:
- インデックスを使わずにコンテンツ内の項目をターゲットにするため、 直接ナビゲーション を有効にする必要があります。
- 複数のメニューレベルをサポートしています(ただし、ストアフロントブランドのテーマのデフォルトのJSとスタイリングは最初のトップレベルのみを対象としています)。
- レンダリングバリアントをサポートしています。
- レスポンシブデザインおよびモバイルデバイスをサポートします。
以下の図示のように、モバイル端末ではストアフロントのナビゲーションメニューがデフォルトで崩壊しています。
以下の図は、店舗フロント上のCommerce Navigationレンダリングの例を示しています。これは、Storefront Brandedテーマを用いた対応するカテゴリナビゲーションレンダリングと同じ見た目と操作感を持っています。現在、Storefront Brandedテーマは1つのメニューレベルのみをサポートしていますが、より多くのレベルをサポートするようにカスタマイズ可能です。
構成
Commerceナビゲーションのレンダリングは、コントロールプロパティダイアログボックスで設定します。以下の設定プロパティはダイアログボックスの ナビゲーション設定 セクションで利用可能です。
財産
使用方法
スタートページ
ナビゲーションを開始させたい第一レベルのカテゴリを指定します。デフォルトでは、このフィールドはHabitatカタログ内のカテゴリに設定されています。Habitatカタログを使用していない場合、このフィールドはGUIDが表示され、使用中のカタログ内のカテゴリを指すように設定するまではストアフロントサイトにカテゴリナビゲーションが表示されません。
>[!重要]
> 標準的なURLがメタデータに出力されるようにするために、カタログの カテゴリナビゲーションも設定 する必要があります。
最上位ナビゲーションレベル
ナビゲーションを始めたいレベル(ルートからカウント)を設定します。デフォルトではこれは1に設定されています。
下部ナビゲーションレベル
ナビゲーションを終わらせたいレベル(ルートからカウント)を設定します。デフォルトではこれは1に設定されています。
ナビゲーションフィルター
ストアフロントサイトで使うナビゲーションのスタイル(例
Navigation、フッターナビゲーション、メインナビゲーション、サイドバーナビゲーション、サイトマップナビゲーションなど)を設定します。フラットページ構造
すべてのアイテムが同じレベルに現れるかどうかを指定してください。
ルートページを含める
スタートページが別レベルとして含まれているかどうかを指定してください。
コマースナビゲーションのレンダリングをカスタマイズしてブランド要件に合わせることができます。