Eight Themes Support Documentation

Introduction to page templates

Page templates are the foundation of your Online Store. Each unique template contains an organized collection of sections, carefully crafted to shape your storefront's appearance.

You can customize templates by adding, removing, and editing sections to match your store's style and needs.

Your templates include:

  1. Home page
  2. Product page
  3. Collection page
  4. Collection list
  5. Blog
  6. Blog post
  7. Cart
  8. 404 (error page)

Additionally, you can create theme Pages. Pages are essentially blank templates that you can customize and fill with a variety of theme sections. Some examples of website pages that are commonly built using Pages are About UsContact, and FAQs


Home page

Your Home page is your store's main page. Home pages play a crucial role in establishing a positive first impression and providing customers with a comprehensive overview of what you have to offer.

You can display a variety of eye-catching sections to highlight popular products and collections. The majority of sections are interactive, making direct navigation to the product or collection effortless!

Screen_Shot_2022-05-05_at_1.13.58_PM.png

Read: To learn more about how to customize your homepage, read our tutorial on Introduction to sections.

Product pages

Your Product page is the cornerstone of your Online Store. It's the go-to destination for customers seeking information to make informed decisions about a product. If the page effectively communicates everything a customer might want to know, visitors to your store will feel more inclined to add the item to their cart or go directly to checkout.

On this page, you have the flexibility to showcase a range of product media (images, videos, and 3D models) as well as product variants. You can change the variant based on the thumbnail, alter the product variant style, hide sold-out variants, and change the thumbnail position.

Screen_Shot_2022-05-05_at_1.30.54_PM.png

 

Did you know? You can create custom Product page templates and assign them to specific products, so customers see different content depending on the product they select.

 

Note: The actual contents and configurations of a product are set up through the Products area of your Shopify admin dashboard. The template pulls this information and displays it inside the Product form.

Products.png

Collection pages

A Collection page is designed to exhibit your collections - i.e. a specific category of products that you have grouped together. For example, a clothing store may have a collection just for t-shirts.

A single product can be featured in multiple collections across your store. For instance, a t-shirt might appear in a second collection that's been created for discounted products, and a third for summer clothing.

Collection pages help your customers find products more easily. And by using filters and sorting options, results can be narrowed down even quicker.

Screen_Shot_2022-05-05_at_1.15.18_PM.png

Note: Collections are not controlled by the theme, and can be created either manually or automatically with your Shopify admin space. Read Shopify's Collections help pages to learn more.

Collections list

You can utilize the Collections list template to showcase multiple collections on a single page - providing an effective way to highlight the diversity of your products.

Within the Collection list settings, you have the flexibility to present either all of your collections or add a select few in your preferred order. Customize the look of your lists by choosing the layout style (preview or grid view) and determining the number of products featured per row.

Screen_Shot_2022-05-05_at_1.15.43_PM.png
 
Note: Looking for your Collections list page on your storefront? Simply add /collections to the end of your site's main URL. For example: yourstore.com/collections

This URL is also the prefix to your catalog page. For example: yourstore.com/collections/all

Blog

Your Blog page lists and previews the posts within your storefront's blog, latest news, or press releases. Take full advantage of this space by adding extra sections to further personalize it.

Screen_Shot_2022-05-06_at_7.28.34_AM.png
 
Note: Your blogs are managed within your Shopify admin settings under Online Store > Blog posts

Blog Posts.png

Blog posts

A Blog post template showcases blog post content (also known as articles). Again, you can add more sections to this page to catch the attention of your readers and keep them reading for longer!

Screen_Shot_2022-05-06_at_7.30.25_AM.png

To learn more about the difference between a blog and a blog post, check out Shopify's help pages for Blogs.

Cart

Your Cart page (also known as the trolley or basket), serves as the virtual space where customers gather the products they wish to purchase while navigating your store. The Cart allows customers to review and make adjustments to the items they have added, such as increasing or decreasing the quantity.

You can adjust your cart's settings to set a default country, enable a shipping rate calculator, or add an order message note field where your customers can provide additional purchase instructions.

Like all other templates, you can add extra sections to show off products, collections, and content to try and extend your customers' visits to your store before they complete their purchases.

Screen_Shot_2022-05-05_at_1.19.46_PM.png

 

Note: The Cart is not the same as the Checkout. The Checkout is where payment and delivery details are processed. This is handled by the Shopify platform and is therefore outside the theme's control. Read Shopify checkout help pages to learn more.

Checkout

Your Checkout page template is controlled by Shopify's platform. As a result, there are no sections available for you to edit here. However, you can customize several visual elements of the checkout through your Theme settings.


404 pages

A 404 page error can appear when a page is not found. This is typically due to manual URL typos or clicking on a link that doesn't correspond to any location on your site.

These errors commonly arise when links to products or pages are shared on external websites (e.g., social media) but have been altered or removed before the customer clicks on them.

We recommend adding a touch of personality to this page and offering various destinations for the customer to click on and get back on track. Landing on a 404 can be frustrating but you have an opportunity to make something fun and playful!

Screen_Shot_2022-05-05_at_2.04.07_PM.png

Thanks for reading! If you haven't checked out these guides yet, we highly recommend doing so to help you get the most out of your theme:

Was this article helpful?