Templates

Templates are a collection ofsectionsthat are configured to give your online store a consistent look and feel. Which sections are available in your templates depends on yourtheme. In thetheme editor, you can discover which templates are applied to which pages, and then edit them to customize the information displayed to your customers.

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

You can have up to 1000 templates in total.

编辑模板

您可以编辑您的模板添加部分给你r online store. Some sections contain blocks that can be further customized, but not every section or block has settings or content that can be edited. When you edit your templates, your changes are displayed in real time in the theme preview window.

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme that you want to edit, and then clickCustomize.
  3. Select the template that you want to edit from theTemplatedrop-down menu.
  4. Click+ Add section, and then select a new section for your template.
  5. Click the new section to view its settings and options.
  6. Make your changes to the section or the blocks within it.
  7. When you're satisfied with your section, clickSave.

Create a new template

Some template types can be used to display multiple pages using the resources in your store. These template types 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 set.

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

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme that you want to edit, and then clickCustomize.
  3. Use theTemplatedrop-down menu to select a template. Click+ Create template.
  4. Give your template a unique name.
  5. Using theTemplatedrop-down menu, select which existing template you want to base your new template on.
  6. ClickCreate template.

Create a template for metaobjects

You can create a template for a web page for metaobjects.

To use this feature, you need to complete the following steps:

  1. Create a metaobject definitionwithStorefront accessand, optionally,activate the Web pages feature manually. When you create a theme template, the theme editor activates the Web pages feature.
  2. Create entries for the metaobject definition.

You can now create a theme template.

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme that you want to edit, and then clickCustomize
  3. Open the page selector at the top of the page.
  4. ClickCreate metaobject template. In the dialog, click the metaobject that you want to use for your template. You can edit what metaobject field is used for thePage titleand theMeta description, and you can edit the URL handle in theSearch engine listingsection. The template is automatically named with the same name as your metaobject definition.
  5. ClickCreate template.
  6. After you create the template, you can add sections, add blocks, and edit settings to customize the template. You can use dynamic sources to connect your metaobject definition fields. For example, if you're creating pages for your ambassador with images, then you might want to add in an image with text and then connect the metaobject entries by clicking the dynamic source icon.
  7. ClickSave.

Template previews

Template previews let you test how a template will display different resources to your customers when you save or publish. You can use template previews to preview how your pages or products display with a different template applied.

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

Preview an alternate template

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

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme that you want to edit, and then clickCustomize.
  3. Use theTemplatedrop-down menu to select a template.
  4. In the sidebar, clickChange.
  5. Select the product or page you want to preview with the selected template.

Apply a new template

You can change an assigned template for the following sections in a published theme:

  • pages
  • products
  • collections
  • blogs
  • blog posts

Changing an assigned template is done in your Shopify admin. The template options that display are based on the available templates in the current live theme.

Templates for products and collections can be assigned on an individual item level, or to multiple items using the批量编辑or. This is done outside the theme editor.

Apply a new template to a page

  1. From your Shopify admin, go to欧宝体育官网入口首页>Pages.
  2. Click the title of the store page.
  3. In the欧宝体育官网入口首页section, use the drop-down menu to select a new theme template to apply to the selected page.
  4. ClickSave.

Apply a new template to a product

  1. From your Shopify admin, go toProducts.

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

  3. In the欧宝体育官网入口首页section, use the drop-down menu to select a new theme template to apply to the selected product.

  4. ClickSave.

Apply a new template to a collection

  1. From your Shopify admin, go toProducts > Collections.
  2. Use the search filter to locate the collection that you want to change, or click the collection from the list of existing collections.
  3. In the欧宝体育官网入口首页section, use the drop-down menu to select a new theme template to apply to the selected collection.
  4. ClickSave.

Apply a new template to a blog post

  1. From your Shopify admin, go to欧宝体育官网入口首页>Blog Posts.
  2. Use the search filter to locate the blog post that you want to change, or click the product from the list of existing blog posts.
  3. In the欧宝体育官网入口首页section, use the drop-down menu to select a new theme template to apply to the selected blog post.
  4. ClickSave.

Apply a new template to a blog

  1. From your Shopify admin, go to欧宝体育官网入口首页>Blog Posts.
  2. ClickManage blogs.
  3. Use the search filter to locate the blog that you want to change, or click the product from the list of existing blogs.
  4. In the欧宝体育官网入口首页section, use the drop-down menu to select a new theme template to apply to the selected blog.
  5. ClickSave.

Bulk template changes

You can use the Bulk editor to apply a new template to several products or collections at the same time.

批量编辑products

  1. From your Shopify admin, go toProducts.
  2. Use the search filter to locate the products that 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 that you want to edit.
    • To select a range of products, click a checkbox, then hold the shift key and click another product checkbox.
    • To select multiple adjacent products, click to select an item, then hold the shift key and click another item checkbox.
  4. Click批量编辑.
  5. In the Bulk editor, click theColumnsdrop-down menu, and then in theGeneralsection, click theTemplatecheckbox.
  6. Click the template field of the first line, then hold the shift key, and then click the template field of the last line. A blue shading will appear around the items you have selected.
  7. Using the drop-down menu, choose a new template for the selected items.
  8. ClickSave.

批量编辑collections

  1. From your Shopify admin, go toProducts>Collections.
  2. Use the search filter to locate the collections that 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 that you want to edit.
    • To select a range of collections, click a checkbox, then hold the shift key and click another collection checkbox.
    • To select multiple adjacent collections, click to select an item, then hold the shift key and click another item checkbox.
  4. Click批量编辑.
  5. In the Bulk editor, click theColumnsdrop-down menu, and then in theGeneralsection, click theTemplatecheckbox.
  6. Click the template field of the first line, then hold the shift key, and then click the template field of the last line. A blue shading will appear around the items you have selected.
  7. Using the drop-down menu, choose a new template for the selected items.
  8. ClickSave.

Managing your templates

To rename or delete your template, you need to use the code editor. Editing your template file might cause issues to your online store.

重命名一个模板

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. Find the theme with the template that you want to rename, and then click the...button >Edit code.
  3. In the code editor, find the templates folder. Click the name of the template that you want to rename, and then clickRename file.
  4. Enter the new template name, and clickRename fileto save.

Delete a template

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes
  2. Find the theme you want to delete a template from, and then click the...button >Edit code.
  3. In the code editor, find the templates folder. Click the name of the template that you want to delete, and then clickDelete file. If you have any resources assigned to that template, then they're displayed with the default template until you assign a different one.
Ready to start selling with Shopify?Try it free