Explained: How Shopify Page Templates Work

Difficulty level: intermediate

Coding required: some

Need help? Contact support

  1. Create a new page template to assign the new Theme Enhance sections to

    1. In the Shopify Theme Editor, edit the code of the theme you are working on

    2. In the templates folder, add a new template file as a page, json(default), and call the template whatever you want - just remember what you call it

    3. Using the button below, click to copy the code content to your clipboard

    4. Delete the contents of the page template file you created in the previous step and paste the contents of your clipboard into that file

    5. Save the product page template file, if the icon is gray and you didn't click a green button, the previous step is incomplete.

    6. Locate the product.liquid file in the sections folder and open it

    7. In the sections folder, open the product.liquid, find all references to {% section "section-name" %} in the file. There typically are 2-3 sections. Note the names, you will need them in the next step

    8. In the product page template you created, update the sections that were in there in both the manifest and the listing (this needs gifs)

    9. Save the product page template file

    10. In the sections folder, open the product.liquid file. Look for code that is not the code to include sections ({% sections "section-title" %}) - this needs a gif and copy the code from the sections. If it was before, put it in the ordered sections. If it was after put it after.

Issues viewing your page/page template?

If you are working on a preview theme and you are having issues viewing your page, please see: How Shopify page templates work

Subscribe to our newsletter

All things Shopify merchandising, design, photography, art direction & more

We care about the protection of your data. Read our Privacy Policy.