ページコンテンツレンダリング

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

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

SXAツールボックスの ページコンテンツ セクションには、ストアフロントページにコンテンツを追加するために使用できるさまざまなレンダリングが含まれています。SXAの商取引レンダリングには、製品詳細ページ(PDP)に製品タイトルと説明を表示するために使われる製品情報レンダリングが含まれています。この情報を表示する別の方法として、標準的なSXAレンダリングのバリエーションを使う方法があります。

ページ内容

SXA Storefrontの製品ページは、ページコンテンツレンダリングのバリアント(Experience Editor\Page Content)を使って製品情報を表示しています。Product Informationレンダリングには以下のフィールドが含まれています:

  • 表示名
  • アイテム番号
  • 概要
  • 特徴

ページにページコンテンツレンダリングを挿入して製品情報を表示できます。エクスペリエンスエディターでツールボックスからレンダリングをページにドラッグし、ドロップダウンメニューから 商品情報 バリアントを選択することで行います。

Page Content toolbar with variant selected

エクスペリエンスエディターで商品を選択している場合、商品情報 バリアントがコマースシステムの製品情報を表示します。

Page Information variant displayed in the Experience Editor

CommerceのProduct Informationレンダリングとは異なり、Page Contentレンダリングのバリアントはプレースホルダーデータを表示できません。フィールドにデータがない場合、Page Contentレンダリングはフィールド名(例えばFeaturesfield)を表示します。製品が選択されない場合は、製品タイトルが*として表示され、すべてのフィールドでフィールド名が表示されます。

Page Content rendering displayed in the Experience Editor

ライブストアフロントでは、商品情報が表示されます。フィールドのデータがない場合は、そのフィールドは非表示になります。

Product information displayed on the live storefront

!tip製品情報を表示するもう一つの方法は、2つのレンダリングバリアントを使うことです。

  • 製品名を表示するには、タイトルレンダリングを挿入し、表示名見出しのバリアントを選択してください。

  • 製品説明を表示するには、リッチテキストレンダリングを挿入し、説明バリアントを選択します。

この記事を改善するための提案がある場合は、 お知らせください!