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.

When you edit a template it edits the look of any page that is assigned to that template. For example if you add a new section to your 'default product' template it will add that section to all your products that are assigned to 'default product'.

You can choose which template you would like to assign your content to by going to the product/page/blog etc, in the admin that you want to assign, and on the sidebar find the Online store > Theme template and selecting which template you would like to use for that content.

Note: When assigning your templates you will only be able to see available templates of your live theme


mceclip0.png

In Influence we have provided some additional template to get you set up as quickly as possible. These can be applied to:

  • Product
  • Collection
  • Blog
  • Blog posts
  • Pages

You can learn more about templates here. On this page we have listed which templates our theme includes.


Editing your templates

To edit all the products/pages/collections/blog posts/blogs that use your template

If you want to edit all the products/collections/pages/blog posts/blogs that use the template you are viewing simply:

  1. Go to the editor Online store > Influence > Customize

    mceclip0.jpg

  2. Navigate to the template you want to edit using the dropdown at the top of your editor (e.g. Products > Coming soon). You can also see here how many of your products/pages/collections use this template.

    mceclip1.jpg

  3. Make any changes you wish to see and save

This will appear across all products that are assigned to that template.

 

To edit a single piece or group of content

For if you want to make a change for a single product/page/collection/blog post/blog but leave the rest unchanged.

In this example we're going to set up a product page that will apply to all the products within a collection that are going to have an automatic discount applied that you want to promote.

  1. Go to the editor Online store > Influence > Customise

    mceclip0.jpg

  2. Navigate to the template type you want to edit for example if you're changing a product page go to product in the dropdown at the top of your editor and select Create template

    mceclip2.jpg

  3. Choose a name for your new template. We recommend adding an indicator so you know what is a custom template and which came with the theme. We use 'cust-' for example 'cust-dress-discount'.

    Then choose which existing template you want to start from. This is a great way to save time setting up if you're wanting to use a template for most of your content but make sight alterations for a specific piece or group of content like our example.

    mceclip4.jpg

  4. Make your desired changes to the new template and save

  5. Once you have made these changes to your template we then want to assign it to your product.
    Ensure the theme with the new template is live and select your new template from the dropdown options under Theme template.


    mceclip5.jpg

  6. Preview this product on your store and you should now see your change has applied to the products you have assigned the template to but not to the rest of your products 

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!

Note: 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.

We have provided additional templates for the product page to help you get up and running quickly:

Default product
A stripped back version of the product page with basic settings. A perfect platform to build your own product page.

Thumbnails
A more section rich version of the product page using the thumbnail version of the product gallery. Designed to elaborate on the product and go into more detail with imagery and accordions. 

Side by side
Another section rich template but using the collage layout of the product gallery so that you can showcase all your product media as soon as customers land on the page.

Out of stock
If you know your product is going to be out of stock for a while switch your product to this template to enable the merchant to view the product but also see alternatives and suggestions.

Gift card
Use this template for your gift card products to remove any unnecessarily sections and focus on the selling points of the gift card

Coming soon
Our coming soon template can be added to your store to build up hype around your products before they're ready to purchase. Show off all the information your customers may need and give them somewhere to keep refreshing on launch day.

mceclip8.jpg

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.

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


The templates we have included are:

Default collection
A straight forward collection page with text heading and grid followed by a few content sections to showcase styling and unique selling points for the collection

Full width
A template where the filtering and sorting is located above the product to allow the product grid to fill the page. This template also has sections below to help market sales, sub collections and lifestyle imagery.

Sidebar
The sidebar template has marketing sections below the product grid like Full width however the filtering is located as a sidebar to help your customers filter their products quickly.

Sale
The same as the default collection template with the addition of a big bold banner as you land on the collection to confirm you're on a sales page

Description

This template includes both your Collection featured image and Collection description to help with SEO and provide more details for your customers.

Note: If your Collection image doesn't work in this layout try switching to using the Image with text overlay section and adding a metafield assigned image and using

{{ collection.title }}

as the heading instead. Reach out to our support team for more advice.

 

Collections list
Use this template to showcase all your collections from within a master collection. For example you could use this page to list all products for womens, as a brands listing page, for product types etc to be linked in your menu.

It basically functions the same as the Collection list template that comes with all Shopify themes but allows you to pick and choose the collections you link to. Examples:

Womens
• Dresses
• Tops
• Shoes

Brands
• Adidas
• Nike
• Puma

Bottoms
• Trousers
• Shorts
• Skirts

This template has been designed to be styled and then duplicated and edited for each master collection you want to apply it to. See To edit a single piece or a group of content above or Reach out to our support team for more advice.

Collection landing
As with Collection list we have created this template to be used as an introduction to a product grouping whether thats a gender, brand, product type etc.

This template also works amazingly well for landing pages for marketing purposes and is again designed to be duplicated and edited for multiple landing pages for different content whilst still having the same layout. You'll see the template has a mixture of story telling and products to engage your customers and help direct them to purchase.

 

mceclip7.jpg


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.

mceclip6.jpg

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


Pages

Pages are where templates really come into their own; Allowing you to build unique layouts depending on the content you're working with.

We have included some templates to get you started:

Default page
This is a blank slate for you to display only what you add to your pages via Online store > Pages

Meet the team
On this page we've created a layout to introduce team members, learn about the company and enquire about jobs. 

Lookbook
A must for all fashion brands. This template showcases your lifestyle imagery with occasional links to your collections.

FAQs
A quick start layout to add in all your frequently asked questions designed to be easy for your customers to use with directions to contact if they still have queries.

Fan page
A page template that showcases your influencer connections. Show off well know influencers and their reviews of your store along with other trust building content.

Contact
A nice clean template with a contact form and links to FAQs to hep your customers get the answers they need.

About
A combination of image and text based sections that allow you to promote yourself as a brand and let your customers get to know you

 

mceclip5.jpg

 

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.

mceclip4.jpg

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!

We have included some templates to get you started:

Default
A stripped back version of a blog post with no additional sections. A great base to start from.

Collections
Don't let your customers loose purchasing momentum with links to a collection at the bottom of the blog page along with reviews and newsletter sign up

Shop the look
If you're discussing your products in your blog post create a custom template based from our Shop the look template to add in product imagery that links directly to your products.

mceclip3.jpg

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.

While specific settings aren't available directly within the Cart, customization options are accessible under Theme settings. For example, you can offer customers a message note field to provide additional order instructions. There's also a designated space for adding a personalized gift message.

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.

mceclip2.jpg


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.

mceclip1.jpg


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!

mceclip0.jpg

Password page

The password page is what is shown when you first visit your website before disabling the password protection located under Sales channels > Online store > Preferences > Password protection.

This template serves to block visitors to your website until you're ready to sell. It offers an email sign up form to enable you to collection potential customers information and to notify them of your launch as well as providing the option to add any sections you want to promote what is coming soon.

mceclip9.jpg


Search

The search page is where you will be taken when performing a search from within the header or link to the search from any other location.

Here you can see a grid of suggested content along with options to add sections below the search results.

mceclip10.jpg


Customer templates

These templates are for customer accounts and login. They are basic functionality and standard within Shopify however with Shopify 2.0 you can add additional sections to these pages as well as some basic stylings

mceclip11.jpg


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?