The SXA Storefront page templates, page designs, and partial designs

Version:

Most pages in the SXA Storefront are based on an SXA Storefront page template created specifically for the page. Each template has a page design associated with it, which is assigned by default to pages created with the template.

Each page design is made up of a number of partial designs.

In all folders within the <My Storefront>/Home folder, insert options are configured to let you efficiently add pages using the Storefront page designs.

This topic describes:

Templates and page designs used for SXA Storefront pages

The following table lists the SXA Storefront pages, the template used to create each of them, and the page design associated with each page:

Storefront page	Template**	Page design
Home	Home	Default Commerce Page
Account Management	Account Management	Default Commerce Page
Address Book	Address Book	Default Commerce Page
Change Password	Change Password	Default Commerce Page
Edit Profile	Edit Profile	Default Commerce Page
My Order	My Order	Default Commerce Page
My Orders	My Orders	Default Commerce Page
Buy Gift Card	Buy Gift Card	Default Commerce Page
Category *	Category	Catalog Navigation Page
Checkout	Checkout	Checkout Page
Delivery	Delivery	Checkout Page
Billing	Billing	Checkout Page
Review	Review	Checkout Page
Order Confirmation	Order Confirmation	Checkout Page
About Storefront; Corporate Sales;Frequently Asked Questions; Jobs at Storefront	Content Page	Default Commerce Page
Forgot Password	Forgot Password	Default Commerce Page
Landing pages:DronePhoneWatch	Page	Default Commerce Page
Login	Login	Default Commerce Page
Product *	Product	Catalog Navigation Page
Registration	Registration	Default Commerce Page
Search	Sitecore/Page	Catalog Navigation Page
Shop *	Category	Catalog Navigation Page
Shopping Cart	Shopping Cart	Shopping Cart Page

*Dynamic pages

**Located in the /sitecore/templates/Project/<tenant name> folder.

Important

The SXA Storefront pages are designed to use the Bootstrap 3 grid system. The Bootstrap grid system is applied when you create the site. After you create the site, you must not select another grid system for any device in the Settings item for the site.

Templates for additional storefront pages

In addition to the templates used to create the pages in the SXA Storefront, the SXA Storefront comes with templates that you can use to create additional pages – one template for each of the following SXA Storefront page designs:

Catalog Navigation Page
Checkout Page
Content Page
Default Commerce Page
Shopping Cart Page

These templates are in the /sitecore/templates/Project/<tenant name> folder.

Insert Options

The SXA Storefront page templates are configured as insert options on items in the Home folder.

Partial designs used in SXA Storefront page designs

The following table lists the partial designs used on each page design:

Page design	Partial designs
Catalog Navigation Page	Commerce Metadata for Catalog Items Main Content Default Commerce Header Default Commerce Footer Multi-Rows Base Header Structure Metadata
Checkout Page	Metadata Commerce Metadata Checkout Page Header Main Content Default Commerce Footer
Default Commerce Page	Main Content Default Commerce Footer Default Commerce Header Multi-Rows Base Header Structure Commerce Metadata Metadata
Shopping Cart Page	Main Content Default Commerce Footer Checkout Page Header Shopping Cart Page Header Commerce Metadata Metadata

If you have suggestions for improving this article, let us know!