---
title: "ページコンテンツレンダリング"
slug: "page-content-renderings"
abstract: "レンダリングバリアントの概要とその構成方法。"
---
# ページコンテンツレンダリング

SXAツールボックスの [ページコンテンツ](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/en/add-page-list,-pagination,-page-content,-and-title-renderings.html) セクションには、ストアフロントページにコンテンツを追加するために使用できるさまざまなレンダリングが含まれています。SXAの商取引レンダリングには、製品詳細ページ(PDP)に製品タイトルと説明を表示するために使われる製品情報レンダリングが含まれています。この情報を表示する別の方法として、[標準的なSXAレンダリングのバリエー](https://doc.sitecore.com/xp/en/users/93/sitecore-experience-commerce/en/using-rendering-variants-to-display-product-information.html)ションを使う方法があります。

## ページ内容

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

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

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

![Page Content toolbar with variant selected](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/C2E9835D27CF48A39E9850838BF93421.png)

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

![Page Information variant displayed in the Experience Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/A9DE90B0185E4B7D9BE1956F7F595032.png)

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

![Page Content rendering displayed in the Experience Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/C374002879034AB9B0E55DD9DC7316BC.png)

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

![Product information displayed on the live storefront](https://doc.sitecore.com/api/markdown-image/xp/ja/users/100/sitecore-experience-commerce/images/65F9A8BD8E0A4D39B06E1ECE0155BAB5.png)

> !tip製品情報を表示するもう一つの方法は、2つのレンダリングバリアントを使うことです。
> 
> -   製品名を表示するには、タイトルレンダリングを挿入し、表示名見出しのバリアントを選択してください。
>     
> -   製品説明を表示するには、リッチテキストレンダリングを挿入し、説明バリアントを選択します。
>