SXAストアフロント ページ テンプレート、ページ デザイン、パーシャル デザイン
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXA Storefrontのほとんどのページは、ページ専用に作成されたSXA Storefrontページ テンプレートに基づいています。各テンプレートにはページデザインが関連付けられており、デフォルトではテンプレートを使用して作成されたページに割り当てられます。
各ページのデザインは、いくつかのパーシャルデザインで構成されています。
<My Storefront>/Homeフォルダー内のすべてのフォルダーでは、Storefrontページ デザインを使用してページを効率的に追加できるように、挿入オプションが構成されています。
このトピックでは、次の内容について説明します。
SXAストアフロント ページに使用されるテンプレートとページ デザイン
SXAストアフロント ページに使用されるテンプレートとページ デザイン
次の表に、SXA Storefrontページ、各ページの作成に使用されたテンプレート、および各ページに関連付けられたページ デザインを示します。
|
ストアフロントページ |
テンプレート** |
ページデザイン |
|---|---|---|
|
家 |
家 |
デフォルトのコマースページ |
|
アカウント管理 |
アカウント管理 |
デフォルトのコマースページ |
|
アドレス帳 |
アドレス帳 |
デフォルトのコマースページ |
|
パスワードの変更 |
パスワードの変更 |
デフォルトのコマースページ |
|
プロファイルの編集 |
プロファイルの編集 |
デフォルトのコマースページ |
|
マイオーダー |
マイオーダー |
デフォルトのコマースページ |
|
マイオーダー |
マイオーダー |
デフォルトのコマースページ |
|
ギフトカードの購入 |
ギフトカードの購入 |
デフォルトのコマースページ |
|
カテゴリ* |
カテゴリ |
カタログ・ナビゲーション・ページ |
|
チェックアウト |
チェックアウト |
チェックアウトページ |
|
配達 |
配達 |
チェックアウトページ |
|
請求 |
請求 |
チェックアウトページ |
|
復習 |
復習 |
チェックアウトページ |
|
注文確認 |
注文確認 |
チェックアウトページ |
|
ストアフロントについて;法人営業;よくある質問;ストアフロントでの仕事 |
コンテンツページ |
デフォルトのコマースページ |
|
パスワードを忘れた場合 |
パスワードを忘れた場合 |
デフォルトのコマースページ |
|
ランディングページ:DronePhoneWatch |
ページ |
デフォルトのコマースページ |
|
ログイン |
ログイン |
デフォルトのコマースページ |
|
積* |
積 |
カタログ・ナビゲーション・ページ |
|
登録 |
登録 |
デフォルトのコマースページ |
|
捜索 |
サイトコア/ページ |
カタログ・ナビゲーション・ページ |
|
店* |
カテゴリ |
カタログ・ナビゲーション・ページ |
|
ショッピングカート |
ショッピングカート |
ショッピングカートページ |
** /sitecore/templates/Project/<tenant name> フォルダにあります。
SXAストアフロント ページは、Bootstrap 3グリッド システムを使用するように設計されています。ブートストラップ グリッド システムは、サイトの作成時に適用されます。サイトを作成した後は、サイトのSettingsアイテムのどのデバイスに対しても別のグリッド システムを選択しないでください。
追加のストアフロントページのテンプレート
追加のストアフロントページのテンプレート
SXA Storefrontでページを作成するために使用されるテンプレートに加えて、SXA Storefrontには、追加のページを作成するために使用できるテンプレート (次のSXA Storefrontページ デザインごとに1つのテンプレート) が付属しています。
-
カタログ・ナビゲーション・ページ
-
チェックアウトページ
-
コンテンツページ
-
デフォルトのコマースページ
-
ショッピングカートページ
これらのテンプレートは /sitecore/templates/Project/<tenant name> フォルダにあります。
挿入オプション
SXA Storefrontページ テンプレートは、ホーム フォルダー内のアイテムの挿入オプションとして設定されます。
SXAストアフロント ページのデザインで使用されるパーシャル デザイン
SXAストアフロント ページのデザインで使用されるパーシャル デザイン
次の表に、各ページデザインで使用されるパーシャルデザインを示します。
|
ページデザイン |
パーシャルデザイン |
|---|---|
|
カタログ・ナビゲーション・ページ |
カタログ品目のコマースメタデータ メインコンテンツ デフォルトのコマースヘッダー デフォルトのコマースフッター 複数行の基本ヘッダー構造 メタデータ |
|
チェックアウトページ |
メタデータ コマースメタデータ チェックアウトページヘッダー メインコンテンツ デフォルトのコマースフッター |
|
デフォルトのコマースページ |
メインコンテンツ デフォルトのコマースフッター デフォルトのコマースヘッダー 複数行の基本ヘッダー構造 コマースメタデータ メタデータ |
|
ショッピングカートページ |
メインコンテンツ デフォルトのコマースフッター チェックアウトページヘッダー ショッピングカートページヘッダー コマースメタデータ メタデータ |