Anatomy of a Shopify Storefront

A Shopify store consists of distinct elements which come together to create the Shopify store. 


A page is a content page on the site that gives more information to visitors about a business and its product or services.  For example:

  • About us
  • Contact us
  • FAQs

Shopify pages are modular.  Content elements can be added and moved around the page using a WYSIWYG editor.


A blog is a special kind of page that displays a list of posts in chronological order.  Blogs are used to publish new and other fresh content.

Category pages

Category pages display groups of products.  In Shopify, these product categories are created by specifying product groups. For example, a product group could be items from the same brand, sharing elements of a title or in a price band.

Shop owners can add elements to the category page, for example, recommended product or a description header.

Product pages

Product pages show product details and have a buy now button allowing customers to add the item to their basket.

Basket and checkout

The basket is an area list of the items which customers are collecting to buy.  From the basket, they can change quantities or remove the product.  Once they are happy to pay, they click checkout to go to the Shopify checkout

The checkout is where customers enter their payment details and complete the purchase.

Header, Footer and Navigation

Each store will have a header and a footer.  In the header will be the top navigation and links to search, customer accounts and the basket.

The footer is an area at the bottom of the page that can include links to site pages and other content types such as email signup.




Published by

Leave a Reply