注
Dynamics 365 Commerce のリテール・インタレスト・グループは、Yammer から Viva Engage に移転しました。 新しい Viva Engage コミュニティにアクセスできない場合は、このフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力して追加し、最新のディスカッションに参加してください。
この記事では、ナビゲーション メニュー モジュールについて説明し、Microsoft Dynamics 365 Commerce のサイト ページに追加する方法について説明します。
ナビゲーション メニュー モジュールの主な目的は、Dynamics 365 Commerce headquarters で定義されているチャンネル ナビゲーション階層に従って、サイトのユーザーが商品やサイトのページを参照できるようにすることです。 ナビゲーション メニュー モジュールで構成した項目は、サイト ヘッダー ナビゲーションとして表示されます。 ナビゲーション メニュー モジュールでは、e コマース サイト上の他のページにリンクする静的メニュー項目もサポートされています。
ナビゲーション メニュー モジュールをページのヘッダー モジュールに追加します。 Fabrikam テーマでは、ナビゲーション メニューは既定では 2 つのレベルで表示されます。 Starter テーマでは、ナビゲーション メニューは既定では 3 つのレベルで表示されます。 レベルの数を変更するには、テーマに表示拡張機能が必要です。
次の図は、カテゴリ階層の 2 つのレベルと、いくつかの静的メニュー項目を含む、Fabrikam サイトのナビゲーション メニューの例を示しています。
ナビゲーション メニュー モジュールのプロパティ
| プロパティ名 | 値 | 内容 |
|---|---|---|
| ソース | 小売り、手動による作成、小売りと手動作成 | 小売の値は、ナビゲーション メニューのコマース本社からのチャネル ナビゲーション階層を表示します。 手動作成の値で、静的なメニュー項目を選別できます。 Retail および手動作成 値により、両方を組み合わせることができます。 |
| カテゴリ イメージの表示 | True または False | このプロパティを有効にすると、Commerce headquarters で各カテゴリに定義されているカテゴリ画像がナビゲーション メニューに表示されます。 Commerce リリース 10.0.14 に追加されました。 |
| プロモーション画像を表示します | True または False | このプロパティが有効になっている場合は、画像、リンク、テキストを使用してプロモーションを構成します。 このプロパティは、Commerce のバージョン 10.0.17 リリースで追加されました。 |
| カテゴリ プロモーション コンテンツの追加 | テキスト、画像、またはリンク | プロモーション画像の表示 プロパティが有効になっている場合は、ナビゲーション メニューで、プロモーション コンテンツにテキスト、画像、リンクを追加できます。 |
| 複数レベルのナビゲーション メニューの有効化 | True または False | このプロパティを有効にすると、ナビゲーション メニューに複数のレベルのナビゲーション階層を表示できます。 この機能は、Commerce のバージョン 10.0.15 リリースで利用できます。 |
| レベルの数 | 整数 | このプロパティは、[ 複数レベルのナビゲーション を有効にする] メニュー プロパティが True に設定されているかどうかを示すレベルの数を定義 します。 |
| 静的メニュー項目 | 値の配列 | メニュー項目名を静的サイトページへのリンクに関連付ける静的メニュー項目。 他のメニュー項目の下にメニュー項目を作成できます。 既定では、静的メニューはルート レベルで表示され、存在する場合はチャネル ナビゲーション階層に追加されます。 |
| ルート メニューを表示 | True または False | このプロパティを有効にすると、ナビゲーション メニューをカスタム ルート (例えば 今すぐ購入) で定義できます。 この機能は、Dynamics 365 Commerce 10.0.15 リリースで利用できます。 |
| ルート メニュー | 文字列 | [ルート メニューの表示 ] プロパティが True に設定されている場合、このプロパティはカスタム ルートのテキストを定義 します。 |
次の図は、Fabrikam サイトのナビゲーション メニューに表示されるカテゴリ イメージの例を示しています。
ヘッダー モジュールへのナビゲーション メニュー モジュールの追加
ナビゲーション メニュー モジュールをヘッダー モジュールに追加する方法の詳細については、「 ヘッダー モジュール」を参照してください。