The 'page.details' template is available in Turbo 2.1+, Parallax 3.3+, Retina 4.2.1+, Mobilia 5.3.0+, Responsive 6.3.0+, and Artisan 1.1.0+. If you're on an older version, please update your theme.
In order to use the 'page.details' template, the theme will need to be published! The templates from which you can select are limited to the templates available in your currently published theme.
If you are unable to currently publish your theme and would still like to set up the ‘page.details’ template, we have instructions on how to access unpublished templates here.
First, create a new Page in your admin area.
With this special page template, all 'content' is added to the page as 'Content Blocks' in the next steps (more info below), and the 'Content' field of the page is not used. As such, leave the 'Content' field of the page blank when configuring a page.details page.
Next, select the page.details as the Template for that page:
Next, head to the Navigation section and add the new page to one of the Menus in your shop:
Now we can head to the Theme Editor ( Online Store > Themes > Customize )
or
In your shop preview, click the link to the page you've just created and note that a 'Page' tab appears:
By clicking on the 'Page' tab, you can then upload content to the various section that are already populated on the page.
Each section can also be deleted:
You can also add more sections to the page by clicking on "Add Content"
Sections available:
Blog posts
Contact form **
Divider*
Featured collection
Featured video
Google map
Image gallery
Image with text overlay
Page
Rich text and image
*The divider can be used to insert space between your page sections and it can include a dividing line if you wish (enable "show border")
** The Contact form content block is currently not available in the Artisan theme's page.details!
New in Responsive 7.0+: Featured Product and Featured Promotions are available as content blocks. If you're on an older version of Responsive and would like to use these content blocks, please update your theme!
How to create additional pages with this template:
Note: If you're looking to create a high number (10+) of custom pages with unique features/content-blocks on each, we advise seeking a customized solution from one of our recommended Shopify Experts, with whom you can discuss your custom page requirements and consider the use of Shopify's Metafield implementation for this level of unique customization. An excessive number of additional custom page.details templates will result in difficulties using the Customize settings editor.
By default, any page that is using the page.details template will contain the same content.
If you would like to have different page content and sections on different pages, follow these instructions:
First, go Online Store > Themes > Actions > Edit Code > Templates > Add new template
Make this new template of the 'page' variety, call it 'details-2' and 'Create template'
Remove all the code that is in this file and replace it with this code:
{% comment %}
The contents of the page.details-2.liquid template can be found in /sections/page-details-2-template.liquid
{% endcomment %}
{% section 'page-details-2-template' %}
Save.
Next, under the Sections folder, click 'Add a new section'
Call this new Section 'page-details-2-template' and click 'Create section'
Copy all the code from the page-details-template.liquid into the new page-details-2-template.liquid
Save.
Go to your Pages, select the page you want to have this different template applied to and then select page.details-2 from the Template suffix:
You will need to add this second page.details page, to a menu in your Navigation as described above, and head into the Customize theme area. In the shop preview, click on the page that has been assigned the page.details-2 template and you will see options to add content blocks unique to that page.
**NOTE: This process can be repeated if you need still more different page content for different pages by creating more templates and sections and following the naming conventions as the above instruction, such as:
Template: page.details-3.liquid
Section: page-details-3-template.liquid and so on.
Cheers!