Commerceレンダリングで店舗を作ろう
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Experience Accelerator(SXA)用のコマースレンダリングは、コマーステナントやサイトを作成する際にツールボックスに追加されるコマース専用レンダリングです。コマースレンダリングはウェブ開発チームによって利用され、eコマースストアフロントの生産を迅速化できます。構造とデザインを分離するSXAにより、フロントエンド開発者、クリエイティブデザイナー、コンテンツ作成者、開発者が並行して作業できます。
!注最良の結果を得るためには、Commerceレンダリング作業を始める前にSXAの機能をよく理解してください。
SXAのCommerceレンダリングは、eコマース向けに特別にカスタマイズされており、ターゲットはSitecore Commerce Engineです。Commerceレンダリングを使って、既成のSXA Storefrontを基にストアフロントを構築することも、下から上にストアフロントを構築することもできます。SXA Storefrontの上に構築することで、まず一歩リードでき、その後SXA Storefrontをカスタマイズ して自分だけのものにできます。
もし一からストアフロントを構築するなら、ツールボックス内のCommerceレンダリングを使って自分でページデザインを作成できます。
!重要商取引レンダリングは商 取引の偽造防止メタレンダリングに依存しています。すべてのストアフロントページに偽造防止のメタレンダリングを含めることで、商取引レンダリングが期待通りに動作するようにしてください。
SXAストアフロントテンプレートでは、反偽造メタレンダリングが商取引メタデータ部分設計の に含まれており、サイトが要求する反偽造トークンHTMLを生成します。
ページにCommerceレンダリングを追加するには:
-
エクスペリエンスエディターで既存のページや部分デザインを開くか、レンダリングを含めたい新しいページや部分デザインを作成してください。
-
ツールボックスで、矢印をクリックしてカテゴリを展開します。
-
レンダリングをクリックしてドラッグしてページ に追加してください。
-
必要に応じて、レンダリング用の関連コンテンツを選択するか作成してください。
!注もしSXAストアフロントをベースにサイトを構築している場合、レンダリングに関連付けられるコンテンツ項目はすでにsitecore/Content/Sitecore/Your Storefront/Data/Commerce/Toolbox カテゴリ/レンダリング名で作成されています。 sitecore/Content/Sitecore/Storefront/Data/Commerce/Account/Registration
選択したレンダリングはページ上に表示されます。一部のレンダリングにはプレースホルダー画像やデータが含まれることもあります。例えば、商品ページはエクスペリエンスエディターで次のように見え、ストアフロントモックアップテーマが適用されています:
!注レンダリングの外観は、サイトに適用される テーマ によって異なります。
-
レンダリング時にフィールドラベル、ボタンラベル、プレースホルダーテキストを編集できます:
-
エクスペリエンスエディターで直接ページ上のコンテンツを編集することもできます。
-
他のコンテンツの編集はコンテンツエディターでのみ可能です。コンテンツエディターで関連するコンテンツ項目を開くには、レンダリングを選択し、
をクリックし、その後 **「関連アイテムを編集」**をクリックします。
!注エクスペリエンスエディターでレンダリング時に見えるテキスト文字列に加え、ライブサイトでのみ表示される検証メッセージも存在します。検証メッセージはコンテンツエディター内の関連するコンテンツ項目で編集可能です。
-
その他の構成オプションは、各レンダリングごとに個別に以下のトピックで説明されています。
!注SXA Storefrontでは、データ入力用のフォームを含むコンポーネントは標準的な.NET MVCおよびAJAXフォーム技術で実装されています。したがって、あらかじめ定義されたフォームでは入力フィールドとボタンのラベルのみをカスタマイズできます。