This article applies to Responsive 6.0+, Mobilia 5.0+, Retina 4.0+, Parallax 3.0+, and Turbo 2.0+. If you're using an older version of one of these themes and you would like to use the product.details template, check out these helpful details about updating your theme.
For details how to create a unique layout for multiple products, click here
Using the Product.Details Template
Our newer, section-based themes come with options to display some special layout features on the product page using the alternative product.details template.
These layout features are: "Rich text", "Image gallery", "Image with Text", "Blog posts", "Contact form", "Featured Collection", "Video", "Image with Text Overlay", "Page", "Map", "Quote", "Divider".
In This Article
First, pick a product that you want to display these sections.
From your admin panel > Products > click your product and select the product.details template from the Template suffix:
Next, go to your Customize theme section (Online Store > Themes > Customize)
In the shop preview area, click on this product. When you click on this product the Sections tab will update to display the 'Product' section.
By clicking the 'Product' section tab, you will see options to add 'Content' to this product page.
As you can see above, you have the option to add 3 different kinds of content blocks to the product page:
- Rich text
- Image gallery
- Image with text
- Blog posts
- Contact form
- Featured collection
- Image with text overlay
By clicking one of these content blocks, you will see options to upload content into these sections.
See here for a live example.
Different layouts for different products
For details how to create a unique layout for multiple products, click here.