Storefront サイト テンプレートの要素
SXA Storefront サイト テンプレートは、ネイティブの SXA とコマース専用のレンダリングの両方を使用する事前設定済みのストアフロントを提供します。
コンテンツ エディターの SXA Storefront サイト テンプレート アイテム
デフォルトの SXA Storefront サイト テンプレートを使用すると、コンテンツ エディターで以下のアイテムが表示されます。
| |
| |
|
ホーム、カテゴリー、商品などのサイト ページおよびカタログ |
|
サイトごとにメール キャンペーンを管理する EXM のメール マネージャー |
|
メディア アイテムまたはメディア アイテムへの参照。たとえば、サンプルの Habitat カタログと Storefront サイト テンプレートを使用する場合、サンプルの Habitat カタログのすべての画像はホーム ページ、ロゴ、プレースホルダー画像で使用される画像と一緒にここに保存されます。画像は、定義した設定に応じて、このフォルダーまたは Digital Asset Management システムで保存されます。 |
|
共有サイト データ。Commerce 共有データ フォルダーには、アカウント、カート、カタログ、チェックアウト、商品リスト、リレーションシップ、検索バー、トップ バー リンクのアイテムがあります。 |
|
sc_translate などを使用して Scriban テンプレートで操作できる表示ラベル。これには一般の辞書と区別するため、サイト名が記載されています。 |
|
ページ デザイン、パーシャル デザイン、マッピング、レンダリング バリアントを使用した Scriban テンプレート。 |
|
コマース専用の設定詳細は、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 メタデータ メタデータ |