Using templates

Your online store consists of different types of pages, including: the home page, product pages, collection pages, blogs, and other pages.

Pages are designed using templates. In the theme editor, you change the look and layout of your pages by editing their assigned templates.

  • There are default templates for each type of page. Editing a default template will apply the same layout to all pages that use that template.

  • To use different layouts for specific pages, create new templates, then assign those templates to your pages in the Shopify admin.

Design pages with templates


Open your theme editor to find default templates for every type of page.

  • Add page content in Shopify admin

  • Customize layout with sections and blocks

  • Customize general page styles

Edit templates to design pages

Use sections to create the layout of your page.

Use different templates for pages

Create new templates for specific collections, products, or pages.

Assign templates to pages

To make your changes live, assign the template to your pages in the Shopify admin.

Customize page styles


Animation

Preview changes


When you open a template, the theme editor selects a page (e.g. one product or collection) to preview the changes made to that template.

  • Click Change in the "PREVIEW" section to view a different page with that template.

  • To view a full preview of the live site, click more > Preview. The preview will open in a new window, and you can click Share preview to copy the preview link to share with others.

Create unique page layouts


At first, every type of page uses a default template. For example, if you edit the Default blog post template, any changes you make will apply all blog post pages.

  • To design different layouts for pages, create and assign a new template for those pages.

  • To show unique page content in the same template, use dynamic content in sections.

Last updated

Was this helpful?