--- title: "ストアフロントサイトテンプレートの要素" slug: "elements-of-the-storefront-site-template" abstract: "SXA Storefrontサイトテンプレートに追加されたコンテンツエディターの項目、およびテンプレートに含まれるページデザインおよび部分デザインの概要。" --- # ストアフロントサイトテンプレートの要素 SXA Storefrontのサイトテンプレートは、ネイティブのSXAと商取引専用レンダリングの両方を使用した事前設定されたストアフロントを提供します。 ## コンテンツエディター内のSXAストアフロントサイトテンプレート項目 デフォルトのSXAストアフロントサイトテンプレートを使用すると、コンテンツエディターに以下の項目が表示されます: [借主](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/create-a-commerce-tenant-and-site.html) [遺跡](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/create-a-commerce-tenant-and-site.html) サイトページ、例えばホーム、カテゴリ、商品、カタログなど EXM用のメールマネージャーで、サイトごとのメールキャンペーン管理 [メディア](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/content-editor-items.html#UUID-136a2e7b-2e92-74e3-d774-c9d453763c4a_para-idm273147174316726) 項目やメディア関連の参照。例えば、サンプルのHabitatカタログおよびStorefrontサイトテンプレートを使用している場合、サンプルのHabitatカタログ内のすべての画像が、ホームページ、ロゴ、プレースホルダー画像とともにここに保存されます。画像はこのフォルダに保存するか、定義した設定によってデジタル [資産管理システム](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/configure-the-source-for-catalog-images.html) に保存されます。 共有サイト [データ](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/content-editor-items.html#UUID-136a2e7b-2e92-74e3-d774-c9d453763c4a_para-idm273147174408900)。Commerce共有データフォルダには、以下の項目が利用可能です:アカウント、カート、カタログ、チェックアウト、製品リスト、関係、Searchバー、トップバーリンク。 表示ラベルは、例えば [sc\_translate](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/customizing-the-commerce-search-results-rendering.html) などのスクリバンテンプレートを使って操作可能です。一般的な辞書と区別するためにサイト名も含めます。 ページデザイン、部分デザイン、マッピング、Scribanテンプレートを用いたレンダリングバリアントなど。 商取引固有の設定詳細はCommerceサブフォルダにあり、カート設定、カタログ設定、コントロールパネル設定、製品リストキャッシュ設定などが含まれます。 > !注同じテナント内の各サイトで使用されるテナントテンプレートは*sitecore/Templates/Project/* フォルダに保存されます。 ## ストアフロントページで使われるテンプレートとページデザイン SXA Storefrontサイトテンプレートの各ページには、デフォルトでページデザインが関連付けられています。これは [テンプレートからページへのマッピング](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/configure-template-to-page-design-mapping.html)によって行われます。ページはコンテンツエディターの*sitecore/Content///Home*フォルダ内のフォルダに保存されます。以下の表は、使用されているストアフロントページと各ページに関連付けられたページデザインを示しています。各ページタイプは固有のテンプレートに基づいています。これにより、例えばページで使用するためにテンプレートに追加フィールドを追加する際のカスタマイズにおいて最も柔軟性があります。 ストアフロントページ テンプレート\*\* ページデザイン ホーム ホーム デフォルトのコマースページ アカウント管理 アカウント管理 デフォルトのコマースページ アドレス帳 アドレス帳 デフォルトのコマースページ パスワード変更 パスワード変更 デフォルトのコマースページ プロフィール編集 プロフィール編集 デフォルトのコマースページ 私の秩序 私の秩序 デフォルトのコマースページ 私の命令 私の命令 デフォルトのコマースページ ギフトカード購入 ギフトカード購入 カタログナビゲーションページ カテゴリー \* カテゴリー カタログナビゲーションページ チェックアウト チェックアウト チェックアウトページ 配達 配達 チェックアウトページ 請求 請求 チェックアウトページ レビュー レビュー チェックアウトページ 注文確認 注文確認 チェックアウトページ パスワードを忘れました パスワードを忘れました デフォルトのコマースページ ランディングページ:ドローン、電話、時計 ページ デフォルトのコマースページ ログイン ログイン デフォルトのコマースページ 製品 \* 製品 カタログナビゲーションページ 登録 登録 デフォルトのコマースページ Search Sitecore/ページ デフォルトのコマースページ ショップ \* カテゴリー カタログナビゲーションページ ショッピングカート ショッピングカート ショッピングカートページ \*[ワイルドカードページ](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-commerce/navigation-methods.html) \*\**/sitecore/templates/Project/*フォルダ内にあります > !警告ストアフロントページはBootstrap 3グリッドシステムを使用するよう設計されています。サイトを作成する際にBootstrapグリッドシステムを作成します。 ## 追加のストアフロントページ用テンプレート ストアフロントのページ作成に使われるテンプレートに加え、ストアフロントサイトテンプレートには追加ページを作成するためのテンプレートが含まれています: - [カタログナビゲーションページ](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-the-storefront-site-template.html#UUID-c0cf22a9-9d93-925d-61dd-fd26b6687db0_para-idm273154234197308) - [チェックアウトページ](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-the-storefront-site-template.html#UUID-c0cf22a9-9d93-925d-61dd-fd26b6687db0_tr-idm273154235419930) - [ページ内容](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/page-content-renderings.html "Page Content renderings") - [デフォルトのコマースページ](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-the-storefront-site-template.html#UUID-c0cf22a9-9d93-925d-61dd-fd26b6687db0_tr-idm273154235419930) - [ショッピングカートページ](https://doc.sitecore.com/xp/ja/users/100/sitecore-experience-commerce/elements-of-the-storefront-site-template.html#UUID-c0cf22a9-9d93-925d-61dd-fd26b6687db0_tr-idm273154235612046) これらのテンプレートは */sitecore/templates/Project/* フォルダに保存されています。ホームフォルダを右クリックして「 **テンプレートから挿入**」をクリックすると、追加のページを追加できます。 ## ストアフロントページデザインで使われる部分的なデザイン 以下の表は、各ページデザインで使用された部分的なデザイン(直接または継承によるもの)を示しています。 ページデザイン 部分的な設計 カタログナビゲーションページ カタログ項目の商取引メタデータ 主な内容 デフォルトのコマースヘッダー デフォルトコマースフッター マルチローの基本ヘッダー構造 メタデータ チェックアウトページ メタデータ コマースメタデータ チェックアウトページヘッダー 主な内容 デフォルトコマースフッター デフォルトのコマースページ 主な内容 デフォルトコマースフッター デフォルトのコマースヘッダー マルチローの基本ヘッダー構造 コマースメタデータ メタデータ ショッピングカートページ 主な内容 デフォルトコマースフッター チェックアウトページヘッダー ショッピングカートページヘッダー コマースメタデータ メタデータ