1. The basics of SXA Storefront

Elements of the Storefront site template

Version:

Each page of the Storefront site template has a  page design associated with it by default. Pages are saved in the folders within the sitecore/Content///Home folder in the Content Editor.

Templates and page designs used for Storefront pages

The following table lists the Storefront pages used and the page design associated with each page.

Storefront pageTemplate**Page design
HomeHomeDefault Commerce Page
Account ManagementAccount ManagementDefault Commerce Page
Address BookAddress BookDefault Commerce Page
Change PasswordChange PasswordDefault Commerce Page
Edit ProfileEdit ProfileDefault Commerce Page
My OrderMy OrderDefault Commerce Page
My OrdersMy OrdersDefault Commerce Page
Buy Gift CardBuy Gift CardCatalog Navigation Page
Category *CategoryCatalog Navigation Page
CheckoutCheckoutCheckout Page
DeliveryDeliveryCheckout Page
BillingBillingCheckout Page
ReviewReviewCheckout Page
Order ConfirmationOrder ConfirmationCheckout Page
Company

About Storefront

Corporate Sales

Frequently Asked Questions

Jobs at Storefront		Content PageDefault Commerce Page
Forgot PasswordForgot PasswordDefault Commerce Page
Landing pages: Drone, Phone, WatchPageDefault Commerce Page
LoginLoginDefault Commerce Page
Product *ProductCatalog Navigation Page
RegistrationRegistrationDefault Commerce Page
SearchSitecore/PageDefault Commerce Page
Shop *CategoryCatalog Navigation Page
Shopping CartShopping CartShopping Cart Page

*Wildcard pages

**Located in the /sitecore/templates/Project/ folder).

Warning

Storefront pages are designed to use the Bootstrap 3 grid system. You create the Bootstrap grid system 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 storefront, the Storefront site template includes templates that you can use to create additional pages:

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

These templates are saved in the /sitecore/templates/Project/ folder. You can add additional pages by right-clicking the Home folder and selecting the Insert From Template command.

Partial designs used in Storefront page designs

The following table lists the partial designs used on each page design (either directly or through inheritance):

Page designPartial designs
Catalog Navigation PageCommerce Metadata for Catalog Items

Main Content

Default Commerce Header

Default Commerce Footer

Multi-Rows Base Header Structure

Metadata
Checkout PageMetadata

Commerce Metadata

Checkout Page Header

Main Content

Default Commerce Footer
Default Commerce PageMain Content

Default Commerce Footer

Default Commerce Header

Multi-Rows Base Header Structure

Commerce Metadata

Metadata
Shopping Cart PageMain 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!