Templates

Templates are a collection of sections that are set up to give your online store a consistent look and feel. The sections that are available in your templates depend on your theme. In the theme editor, you can discover which templates apply to which pages, and then edit them to customize the information displayed to your customers.

Editing a template applies your changes to every page you use that page template. . For example, if you add a newsletter signup form to a collection template, all collection pages that use the default collection template now display the newsletter signup form.

You can have up to 1,000 templates in total.

Edit Templates

You can edit your templates to add sections to your online store. Some sections allow you to add blocks that can be further customized, but not all sections or blocks have settings or content that can be edited. When you edit your templates, your changes are displayed in real time in the theme preview window.

Note

If you have a screen that is larger than 1600 pixels wide and the window of your browser is fully expanded, or your browser window is expanded to at least 1600 pixels wide, then you will see two sidebars. The left sidebar contains the navigation panel and the right sidebar contains the settings panel.

Steps:

1. Select the template you want to edit from the Dropdown Menu.
2. Click + Add Section, and then select a new section for your template.
3. Click on the new section to see its settings and options.
4. Make your changes to the section or to the blocks within it.
5. When you are satisfied with your section, click Save.

Create a new template

Note

Creating a new template is only available for Online Store 2.0.

Some types of templates can be used to display multiple pages using your store’s resources. These types of templates include:

• collections
• products
• blogs
• blog posts
• pages

All themes come with a default template for each type. This default template is what resources use if you don’t have an alternate template explicitly configured.

Any change you make to a template will affect all pages that use that template. If you want to display some of those pages differently, you can create a new template based on one that already exists in your theme. When you create a new template from an existing template, the new template is automatically populated with the same sections, which you can then edit to remove, add, or hide sections as needed without affecting the display of other templates of that type.

Steps:

1. Use the dropdown menu to select a template. Click + Create template.
2. Give your template a unique name.
3. Using the dropdown menu, select which existing template you want to base your new template on.
4. Click Create Template.

Template Previews

Template previews allow you to see how a template will display different resources to your clients when you save or publish it. You can use template previews to preview how your pages or products appear with a different template applied.

Templates are assigned at the page or product level. You create and edit templates in the theme editor, but you change the assigned template of a page or product in your Shopify admin. You can have multiple templates for your pages and products.

Preview an Alternative Template

You can preview how your pages or products appear with a different template applied.

Steps:

1. Use the dropdown menu to select a template.
2. In the sidebar, click Change.
3. Select the product or page you want to preview with the selected template.

Apply a new template

You can change an assigned template for:

• pages
• products
• collections
• blogs
• blog posts

Changing an assigned template is done in your Shopify admin . Templates can be assigned to an individual item level or to multiple items using bulk actions. This is done outside of the theme editor.

Steps:

1. Click on the shop page title.
2. In the Online Store section, use the dropdown menu to select a new theme template to apply to the selected page.
3. Click Save.

Apply a new template to a product

1. From your Shopify admin, go to Products.

2. Use the search filter to locate the product you want to change, or click the product from the list of existing products.

3. In the Online Store section, use the dropdown menu to select a new theme template to apply to the selected product.

4. Click Click Save .

Apply a new template to a collection

1. From your Shopify admin, go to Products > Collections.
2. Use the search filter to locate the collection you want to change, or click the collection from the list of existing collections.
3. In the Online Store section, use the dropdown menu to select a new theme template to apply to the selected collection.
4. Click Save.

Apply a new template to a blog post

1. Use the search filter to locate the blog post you want to change, or click the product from the list of existing blog posts.
2. In the Online Store section, use the dropdown menu to select a new theme template to apply to the selected blog post.
3. Click Save.

Apply a new template to a blog

1. Use the search filter to locate the blog you want to change, or click the product in the list of existing blogs.
2. In the Online Store section, use the dropdown menu to select a new theme template to apply to the selected blog.
3. Click Save.

Bulk Template Changes

Note

The bulk editor for blog posts and pages is no longer available. If you still need to edit your blog posts or pages, consider using a third-party app.

You can use the bulk editor to apply a new template to multiple products or collections at once.

Bulk Edit Products

1. From your Shopify admin, go to Products.
2. Use the search filter to find the products you want to change.
3. To edit multiple products at the same time, use the following shortcuts:
   • To select and edit multiple products at the same time, click the checkbox of the items you want to edit .
   • To select a range of products, click a checkbox, then hold down Shift and click the checkbox of another product.
   • To select multiple adjacent products, click to select an item, then hold down Shift and click the check box for another item.
4. Click Edit Products.
5. In the bulk editor, click the Add Fields dropdown menu, and then select General > Template.
6. Click the template field on the first line, then hold down Shift and click the template field on the last line. A thin box will appear around the items you have selected.
7. Using the dropdown menu, choose a new template for the selected elements.
8. Click Save.

Bulk Edit Collections

1. From your Shopify admin, go to Products > Collections.
2. Use the search filter to locate the collections you want to change.
3. To edit multiple collections at the same time, use the following shortcuts:
   • To select and edit multiple collections at the same time, click the checkbox of the items you want to edit.
   • To select a range of collections, click a check box, then hold down Shift and click the check box of another collection.
   • To select multiple adjacent collections, click to select an item, then hold down Shift and click the check box of another item.
4. Click Edit Products or Edit Collections.
5. In the bulk editor, click the Add Fields dropdown menu, and then select General > Template.
6. Click the template field on the first line, then hold down Shift and click the template field on the last line. A thin box will appear around the items you have selected.
7. Using the dropdown menu, choose a new template for the selected elements.
8. Click Save.

Template FAQ

How do I delete a template?

To delete a template, you must use the code editor.

Steps:

1. From your Shopify admin, go to Online Store > Themes strong>.
2. Find the theme you want to remove a template from, and then click Actions > Edit Code.
3. In the code editor, find the templates folder. Click the name of the template you want to delete, and then click Delete File. If you have resources assigned to that template, they will display with the default template until you assign a different one.

How do I rename my template?

You cannot rename a template after it has been created. If you want a template with a new name, you can create a new template based on the old one and give it the desired name before deleting the original template.

.