Product
Templates

Templates

Online Store 2.0 introduced the concept of template. Templates are a collection of sections that are configured to give your online store a consistent look and feel. In the theme editor, you can discover which templates are applied to which pages, and then edit them to customize the information displayed to your customers.

ℹ️

More info about templates you can read in official documentation ↗ (opens in a new tab).

We have sketched in the administration page, in our opinion, the 4 most necessary product page templates. One of them is the Default template for all products, the rest must be applied manually in products.

Default product template default

Check out demo ↗ (opens in a new tab)

Distinctive features: Thumbnails on the left, first content element is rating, outer tabsouter tabs, inner FBT style Grid inner FBT style Grid
Enabled by default: Yes
Sortable product blocks: Yes
Sortable product sections: Yes
Sections limit per page: No limit

Apply template to a product

  1. From your Shopify admin, go to Products (opens in a new tab).
  2. Use the search filter to locate the product that you want to change, or click on the product from the list of existing products.
  3. In the Online store section, use the dropdown menu to select a Default product to apply template to the selected product.
  4. Click Save.

Product-2 template

Check out demo ↗ (opens in a new tab)

Distinctive features: Thumbnails at bottom, inner tabsinner tabs closed
Enabled by default: No
Sortable product blocks: Yes
Sortable product sections: Yes
Sections limit per page: No limit

Apply template to a product

  1. From your Shopify admin, go to Products (opens in a new tab).
  2. Use the search filter to locate the product that you want to change, or click on the product from the list of existing products.
  3. In the Online store section, use the dropdown menu to select a product-2 to apply template to the selected product.
  4. Click Save.

Product-3 template

Check out demo ↗ (opens in a new tab)

Distinctive features: First content element is a product name, product options are separated by a decorative line to focus attention, inner tabsinner tabs opened, outer FBT style Grid 2outer FBT style Grid 2

Enabled by default: No
Sortable product blocks: Yes
Sortable product sections: Yes
Sections limit per page: No limit

Apply template to a product

  1. From your Shopify admin, go to Products (opens in a new tab).
  2. Use the search filter to locate the product that you want to change, or click on the product from the list of existing products.
  3. In the Online store section, use the dropdown menu to select a product-3 to apply to the selected product.
  4. Click Save.

Product-minimal template

Check out demo ↗ (opens in a new tab)

Distinctive features: The price is not indicated immediately, the minimum number of blocks, outer tabsouter tabs, outer FBT style Gridouter FBT style Grid Enabled by default: No
Sortable product blocks: Yes
Sortable product sections: Yes
Sections limit per page: No limit

Apply template to a product

  1. From your Shopify admin, go to Products (opens in a new tab).
  2. Use the search filter to locate the product that you want to change, or click on the product from the list of existing products.
  3. In the Online store section, use the dropdown menu to select a product-minimal to apply template to the selected product.
  4. Click Save.

Create your own template

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. Open the drop-down menu at the top of the page.
  4. Use the dropdown menu to select a Products . Click + Create template.
  5. Give your template a unique name.
  6. Using the dropdown menu, select on which existing template you want to base your new template.
  7. Click Create template.
ℹ️

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.