Elements of the Storefront site template
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/<tenant>/<storefront>/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 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 |
Catalog Navigation 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 |
Company About Storefront Corporate Sales Frequently Asked Questions Jobs at Storefront |
Content Page |
Default Commerce Page |
Forgot Password |
Forgot Password |
Default Commerce Page |
Landing pages: Drone, Phone, Watch |
Page |
Default Commerce Page |
Login |
Login |
Default Commerce Page |
Product * |
Product |
Catalog Navigation Page |
Registration |
Registration |
Default Commerce Page |
Search |
Sitecore/Page |
Default Commerce Page |
Shop * |
Category |
Catalog Navigation Page |
Shopping Cart |
Shopping Cart |
Shopping Cart Page |
**Located in the /sitecore/templates/Project/<tenant> folder).
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/<tenant> 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 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 |