---
title: "Commerce製品詳細ページ"
slug: "commerce-product-detail-page"
abstract: "デフォルトのCommerce製品詳細ページ(PDP)で使用されるレンダリングの概要。"
---
# Commerce製品詳細ページ

ストアフロントのサイトテンプレートには、デフォルトでコマース商品詳細ページが含まれています。

![Commerce Product Detail page as seen in the Experience Editor.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/ProductDetailPage.png)

Commerce製品詳細ページには以下のレンダリングが含まれています:

1.  プロダクトイメージレンダリング(エクスペリエンスエディター/ツールボックス/メディア)です。
    
2.  製品情報レンダリング(エクスペリエンスエディター/ツールボックス/コマースカタログ)。
    
3.  製品在庫レンダリング(エクスペリエンスエディター/ツールボックス/コマースカタログ)。
    
4.  製品価格レンダリング(エクスペリエンスエディター/ツールボックス/コマースカタログ)。
    
5.  製品バリアントレンダリング(Experience Editor/Toolbox/Commerce Catalog)。
    
6.  カートレンダリングに追加(エクスペリエンスエディター/ツールボックス/コマースカート)。
    
7.  [Commerce Search Results](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/use-the-commerce-search-results-rendering.html "Use the Commerce Search Results rendering")レンダリング(Experience Editor/Toolbox/Commerce Catalog)。
    
    > !注これは多用途なレンダリングで、多様な用途があります。Storefrontサイトテンプレートでは、このレンダリングはデフォルトでカテゴリページ、関連商品ページ、プロモーション商品ページ(ホームページ)、およびSearch Resultsページで使用されます。
    
8.  レンダリングをもっと読み込む(Experience Editor/Toolbox/Search)。
    

以下はライブストアフロントに表示されるデフォルトのCommerce製品詳細ページの例です。

![Commerce Product Detail page as seen on the live storefront](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/ProductDetailPageLive.png)

ページ上のすべての個別レンダリングが検索時に一つの結果として一つの結果として扱われるには、すべてのレンダリングが同じ [検索結果署名](https://doc.sitecore.com/xp/ja/users/101/sitecore-experience-commerce/use-the-commerce-search-results-rendering.html#UUID-96546f7e-dbe7-bbb0-b467-d38963d60c39_para-idm273141267978796) を使用して結合されている必要があります。デフォルトでは、製品詳細ページは検索署名関連 *製品*を使用します。

> !注スタイルシートを使って表示アイテムの数を制御でき、コンテナが定義された幅に応じて自動的に表示可能な商品数を決定します。