チュートリアル: カスタマイズされたCommerceエンティティの直接ナビゲーションの有効化
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore XC Business Toolsでは、Composer機能を使用して、任意のSellable商品に保存された情報を拡張およびカスタマイズできます。カスタマイズされたエンティティごとに、Commerce Engineのデータと一致するようにテンプレートがSitecoreで生成されます。
既定では、カタログ アイテムを公開するときにデータ プロバイダーが使用するカタログで構成できる5つのコマース テンプレート (コマース カテゴリ、コマース製品、コマース製品バリアント、コマース バンドル、コマース ダイナミック バンドル) があります。カスタマイズされたCommerceエンティティの直接ナビゲーションを有効にするには、まず既存のエンティティ定義を拡張し、次にそれをカスタム ページ デザインに関連付けます。
Composerを使用してCommerceエンティティを作成すると、対応する2つのテンプレートがSitecoreに作成されます。このチュートリアルでは、次の内容です。
-
Headphones
-
HeadphonesVariant
このチュートリアルを完了すると、オーディオ部門のすべてのヘッドフォン ( Studio X Over-the-Ear Wireless Headphonesを含む) を、3つの新しいプロパティを含むカスタマイズされたテンプレートに関連付けることができます。 ダイレクト ナビゲーションを有効にすると、コンテンツ エディターから直接エクスペリエンス エディターの任意のヘッドフォンを開くことができます。
このチュートリアルでは、次の方法について説明します。
このチュートリアルでは、Storefrontサイト テンプレートとHabitatカタログを使用して、カスタムCommerceエンティティの直接ナビゲーションを有効にする方法を示します。これは、Habitatカタログがインストールされており、手順を順番に完了していることを前提としています。ただし、このチュートリアルの内容は、SXA StorefrontなしでSitecore Commerceを使用する場合にも適用されます。
ヘッドフォン カテゴリのテンプレート定義を拡張する
ヘッドフォン カテゴリのテンプレート定義を拡張する
このウォークスルーのコンテキストで、カスタマイズされたComposerテンプレートを使用してSellable商品に直接ナビゲーションを適用するには、まず新しいフィールドを追加してテンプレート定義を拡張します。
ヘッドフォン カテゴリのテンプレート定義を拡張するには:
-
Sitecoreスタート画面で、Business Tools、Merchandisingをクリックし、CatalogsセクションでHabitat_Masterをクリックします。
-
Categoriesセクションで、Departmentsをクリックし、Audioをクリックします。
-
Sellable商品のリストで、Studio X Over-the-Ear Wireless Headphonesをクリックします。

-
Entity Versionsセクションで新しいバージョンを作成するには、Add Entity Version (+) をクリックし、エンティティ バージョンを追加することを確認します。
-
新しいエンティティ バージョンをクリックして選択し、Summaryセクションのドロップダウン リストからAdd Viewをクリックします。
-
Add Viewダイアログボックスの「Name」フィールドと「Display Name」フィールドの両方に「Headphones」と入力し、変更を確認します。
-
Headphonesセクションで、ドロップダウン リストからAdd Propertyをクリックし、Add Propertyダイアログ ボックスでNameフィールドとDisplay Nameフィールドの両方に「Type」と入力し、プロパティ タイプとしてStringを割り当てます。変更を確認します。
-
手順8を繰り返して、次の2つのプロパティを追加します。
名前
表示名
財産
ノイズキャンセリング
ノイズキャンセリング
ブーリアン
含まれるものマイク
マイクが含まれています
ブーリアン
-
Headphonesセクションのドロップダウン リストからAdd Selection Option Constraintをクリックし、次の図に示す制約を定義して、変更を受け入れます。

-
Headphonesセクションで、ドロップダウン リストからEdit Viewをクリックし、Headphonesセクションに表示する既定のプロパティを指定します。変更を確認します。

-
Headphonesセクションで、ドロップダウンリストからMake Templateをクリックし、Make templateダイアログボックスのNameフィールドとDisplay NameフィールドにHeadphones Templateと入力して変更を確認します。
カスタムテンプレートを割り当てる
カスタムテンプレートを割り当てる
新しいフィールドをすべてのヘッドフォンで表示するには、作成したカスタムテンプレートをアイテム定義に割り当てる必要があります。
カスタムテンプレートを割り当てるには:
-
Business Toolsダッシュボードで、Composerをクリックします。
Templatesセクションでは、作成したカスタム テンプレートHeadphones Templateを確認できます。

-
Templatesセクションで、ドロップダウンリストからAssociate to Item Definitionsをクリックします。
-
Associate to Item Definitionダイアログボックスで、Catalogリストから「Habitat_Master」をクリックし、変更を確定します。
-
Headphonesチェックボックスをオンにして、変更を確認します。

ヘッドフォンテンプレートを承認して公開する
ヘッドフォンテンプレートを承認して公開する
ストアフロントで新しいプロパティを表示するには、エンティティ アイテムの更新バージョンを承認して公開する必要があります。
エンティティ項目を承認して公開するには:
-
Business Toolsで、Merchandisingをクリックします。
-
Catalogsセクションで、「Habitat_Master」をクリックします。
-
Categoriesセクションで、Departmentsをクリックし、Audioをクリックします。
-
Sellable商品のリストで、商品ページを開くには、Studio X Over-the-Ear Wireless Headphonesをクリックします。
-
Summaryセクションのドロップダウン リストでPromote to next workflow stateをクリックし、Commandドロップダウン リストでSubmitをクリックして、変更を確認します。
-
ワークフローを完了するには、Summaryセクションのドロップダウン リストでPromote to next workflow stateをクリックし、Command ドロップダウン リストでApproveをクリックして、変更を確認します。
-
Sitecoreでテンプレートを更新し、コンテンツ エディターで変更を確認するには、Sitecoreスタート画面でContent Editorをクリックします。
-
リボンのCommerceタブで、Update Data Templatesをクリックします。
この手順では、前の手順で定義した新しい定義を使用してテンプレートを生成し、新しいプロパティを使用できるようにします。Composerを使用してフィールドまたはテンプレートを削除した場合、変更内容を表示するには、データ テンプレートを削除してから更新する必要があります。
-
Commerceタブで、「Refresh Commerce Cache」をクリックします。
行った変更を確認するには、sitecore/Content/Sitecore/Storefront/Home/Catalogs/Habitat_Master/Departments/Audioに移動してNoise-Canceling Over-the_Ear Headphonesをクリックします。

カタログ テンプレートをエンティティ タイプの新しいフィールドで拡張します
カタログ テンプレートをエンティティ タイプの新しいフィールドで拡張します
カタログ テンプレートをエンティティ タイプの新しいフィールドで拡張するには:
-
コンテンツ ツリーで、sitecore/Templates/Commerce/Catalogに移動し、Commerce Catalogをクリックします。
-
「 Builder 」タブの「 Template Overrides 」セクションで、「 Add a new field」をクリックします。
-
カスタムテンプレートのフィールド名 (HeadphonesTemplate) を定義し、このセクションの他のテンプレートと同じプロパティを指定して、「 Save」をクリックします。
これにより、Template Overridesセクション (sitecore/Content/ Sitecore/Storefront/Home/Catalogs/Habitat_Master) に新しいフィールドが追加されます。

エンティティ型のカスタム ページを作成する
エンティティ型のカスタム ページを作成する
エンティティ型のカスタムページを作成するには:
-
テナント レベルで新しいページ アイテム テンプレートを作成するには、コンテンツ ツリーでsitecore/Templates/Project/Sitecoreに移動し、Commerce Productテンプレートを右クリックしてDuplicateをクリックします。
-
Messageダイアログボックスで、「 Headphones Product」と入力し、「 OK」をクリックします。
-
Headphones Productを選択した状態で、ContentタブのDataセクションで、Base templateリストからHeadphonesテンプレート (Templates\Commerce\Catalog Generated) をSelectedリストに追加します。
-
Selectedリストで、Commerce ProductテンプレートをダブルクリックしてSelectedリストから移動し、上矢印または下矢印を使用して選択したテンプレートの順序を変更します。選択したテンプレート リストは、次のように表示されます。

-
リボンでSaveをクリックし、OKをクリックして変更を確定します。
-
sitecore/Content/Sitecore/Storefront/Home/Catalogsに移動し、Habitat_Masterをクリックし、Template OverridesセクションのHeadphonesTemplateフィールドでHeadphones Product(Templates\Project\Sitecore)をクリックし、リボンのSaveをクリックします。

-
リボンのCommerceタブで、Refresh Commerce Cacheをクリックします。
カスタム項目テンプレートをカスタムページデザインに関連付ける
カスタム項目テンプレートをカスタムページデザインに関連付ける
次に、カスタム・テンプレート・ Headphonesをカスタム・ページ・デザインに関連付ける必要があります。
カスタム・アイテム・テンプレートをカスタム・ページ・デザインに関連付けるには:
-
コンテンツ ツリーで、sitecore/Content/Sitecore/Storefront/Presentation/Page Designsに移動します。
-
Commerce Product Pageを右クリックし、Duplicateをクリックし、MessageダイアログボックスのEnter a new name for the pageフィールドに「Headphones Page Design」と入力し、OKをクリックします。
-
コンテンツ ツリーでPage Designs (sitecore/Content/Sitecore/Storefront/Presentation) をクリックし、ContentタブのDesigningセクションで、Headphones Product テンプレートをHeadphones Page Designにマップします。

-
リボンのSaveをクリックします。
Studio X Over-the-Ear Wireless Headphonesを選択すると、Quick Infoセクションで、このSellable商品が新しいテンプレートにリンクされていることを確認できます。

これで、sitecore/Content/Sitecore/Storefront/Home/Catalogs/Habitat_Master/Departments/Audioに移動し、Studio X Over-the-Ear Wireless Headphonesを右クリックして、エクスペリエンス エディターでページを開くことができます。
大事なエクスペリエンス エディタでは、カタログ アイテムを直接開いたとき、またはカタログ アイテムに移動したときにレイアウトとコンポーネントを編集することはできませんが、一部のテキストは編集できます。コンポーネントを編集するには、Content Editorでsitecore/Content/Sitecore/Storefront/Presentation/Partial Designs/Default Main Product Page Contentに移動します。