Storefront サイト テンプレートの要素

概要

SXA Storefront サイト テンプレートで追加されたコンテンツ エディター アイテムおよびテンプレートに含まれるページ デザインとパーシャル デザインの概要。

SXA Storefront サイト テンプレートは、ネイティブの SXA とコマース専用のレンダリングの両方を使用する事前設定済みのストアフロントを提供します。

デフォルトの SXA Storefront サイト テンプレートを使用すると、コンテンツ エディターで以下のアイテムが表示されます。

ElementsInContentEditorTenant.png

Tenant

ElementsInContentEditorSite.png

サイト

ElementsInContentEditorHome.png

ホーム、カテゴリー、商品などのサイト ページおよびカタログ

ElementsInContentEditorEmails.png

サイトごとにメール キャンペーンを管理する EXM のメール マネージャー

ElementsInContentEditorMedia.png

メディア アイテムまたはメディア アイテムへの参照。たとえば、サンプルの Habitat カタログと Storefront サイト テンプレートを使用する場合、サンプルの Habitat カタログのすべての画像はホーム ページ、ロゴ、プレースホルダー画像で使用される画像と一緒にここに保存されます。画像は、定義した設定に応じて、このフォルダーまたは Digital Asset Management システムで保存されます。

ElementsInContentEditorData.png

共有サイト データ。Commerce 共有データ フォルダーには、アカウント、カート、カタログ、チェックアウト、商品リスト、リレーションシップ、検索バー、トップ バー リンクのアイテムがあります。

ElementsInContentEditorDictionary.png

sc_translate などを使用して Scriban テンプレートで操作できる表示ラベル。これには一般の辞書と区別するため、サイト名が記載されています。

ElementsInContentEditorPresentation.png

ページ デザイン、パーシャル デザイン、マッピング、レンダリング バリアントを使用した Scriban テンプレート。

ElementsInContentEditorSettings.png

コマース専用の設定詳細は、Commerce サブフォルダーにあり、カート設定、カタログ設定、コントロール パネル設定、商品リスト キャッシュ設定が含まれます。

注記

同じテナント内の異なるサイトで使用される Tenant テンプレートは sitecore/Templates/Project/<tenant> フォルダーに保存されます。

SXA Storefront サイト テンプレートの各ページには、デフォルトでページ デザインが関連付けられています。これはテンプレートとページ間のマッピングを介して関連付けられています。ページは、コンテンツ エディターの sitecore/Content/<tenant>/<storefront>/Home 内のフォルダーに保存されます。以下のテーブルは、使用されたストアフロント ページと各ページに関連付けられているページ デザインが一覧されています。各ページ タイプは固有のテンプレートに基づいています。これにより、ページで使用するテンプレートに追加フィールドを追加するなどのカスタマイズをする際に、最大の柔軟性を活用してカスタマイズできます。

ストアフロント ページ

テンプレート**

ページ デザイン

ホーム

Home

デフォルトの Commerce ページ

アカウント管理

Account Management

デフォルトの Commerce ページ

アドレス帳

Address Book

デフォルトの Commerce ページ

パスワード変更

Change Password

デフォルトの Commerce ページ

プロファイル編集

Edit Profile

デフォルトの Commerce ページ

注文履歴

My Order

デフォルトの Commerce ページ

注文履歴 (複数)

My Orders

デフォルトの Commerce ページ

ギフト カードの購入

ギフト カードの購入

カタログ ナビゲーション ページ

カテゴリー *

Category

カタログ ナビゲーション ページ

レジに進む

Checkout

レジに進むページ

配送

Delivery

レジに進むページ

請求

Billing

レジに進むページ

レビュー

Review

レジに進むページ

注文の確認

Order Confirmation

レジに進むページ

パスワードをお忘れですか?

Forgot Password

デフォルトの Commerce ページ

ランディングページ: ドローン、電話、時計

Page

デフォルトの Commerce ページ

ログオン

Login

デフォルトの Commerce ページ

商品 *

Product

カタログ ナビゲーション ページ

登録

Registration

デフォルトの Commerce ページ

検索

Sitecore/Page

デフォルトの Commerce ページ

ショップ *

Category

カタログ ナビゲーション ページ

ショッピング カート

Shopping Cart

ショッピング カート ページ

*ワイルドカード ページ

** /sitecore/templates/Project/<tenant> フォルダーにあります

警告

ストアフロント ページは、Bootstrap 3 グリッド システムで使用するように設計されています。Bootstrap グリッド システムは、サイト作成時に作成できます。

ストアフロントのページを作成するために使用されるテンプレートに加え、Storefront サイト テンプレートには追加ページを作成するために使用できるテンプレートが含まれています。

これらのテンプレートは、/sitecore/templates/Project/<tenant> フォルダーに保存されます。Home フォルダーを右クリックし、[挿入] > [テンプレートから挿入] の順に選択します。

次の表は、各ページ デザインで (直接または継承して) 使用されるパーシャル デザインを示しています。

ページ デザイン

パーシャル デザイン

カタログ ナビゲーション ページ

カタログ商品向け Commerce メタデータ

メイン コンテンツ

デフォルト Commerce ヘッダー

デフォルト Commerce フッター

複数行ベース ヘッダー ストラクチャー

メタデータ

レジに進むページ

メタデータ

Commerce メタデータ

レジに進むページ ヘッダー

メイン コンテンツ

デフォルト Commerce フッター

デフォルトの Commerce ページ

メイン コンテンツ

デフォルト Commerce フッター

デフォルト Commerce ヘッダー

複数行ベース ヘッダー ストラクチャー

Commerce メタデータ

メタデータ

ショッピング カート ページ

メイン コンテンツ

デフォルト Commerce フッター

レジに進むページ ヘッダー

ショッピング カート ページ ヘッダー

Commerce メタデータ

メタデータ