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.
Supported Versions
The details shared here apply to the most recent versions of our themes. To keep your theme up to date, check out this helpful document.
For more information on the page.details template included in the Flex theme, check out this article.
The page.details template
If you're looking to use the home page Sections, on an internal page, look no further than the page.details template! Unique to your Out of the Sandbox theme, the configurable Content Blocks let you easily create a feature-rich custom page.
In This Article
- Setting up and configuring
- Using page.details for multiple pages
- Available content blocks
- Examples
- Video guide
Setting up and configuring
Step 1: To begin, create a new Page in your admin area.
Step 2: Select the page.details as the Template for that page:
Step 3: Next, head to the Navigation section and add the new page to one of the Menus in your shop:
Step 4: After you've set this up, head into your Theme Editor (customize) so you can configure all of your content blocks for the page!
Step 5: In your shop preview, navigate to your page.details page that you've just created. You can do this by clicking the menu link in the navigation, or by selecting the page from the drop-down page selector.
Your theme editor on the left will then update with the page settings. Here you can configure the content blocks.
By clicking on the 'Page' tab, you can then upload content to the various content blocks that are already populated on the page.
Each content block can also be deleted:
You can also add more content blocks to the page by clicking on "Add Content":
Creating additional unique layouts
By default, any page that is using the page.details template will contain the same content blocks.
If you would like to have different content blocks on different pages, you'll need to duplicate the template.
For details on how to create and use multiple unique page designs using page.details, check out this article.
Available content blocks
Select your theme:
- Available content blocks in the Turbo page.details template
- Blog posts
- Contact form
- Custom HTML
- Divider
- Featured collection
- Image gallery
- Image with text
- Image with text overlay
- Map
- Page
- Quote
- Recently viewed products
- Rich text and image
- Video
- Available content blocks in the Flex page.details template
- Blog posts
- Contact Form (added in version 1.1.4)
- Custom HTML (added in version 1.1.4)
- Divider
- Featured collection
- Featured product
- Gallery (added in version 1.1.4)
- Image with text (added in version 1.1.4)
- Image with text overlay
- Map
- Page
- Rich text
- Video
- Available content blocks in the Parallax page.details template
- Blog posts
- Contact form
- Custom HTML
- Divider
- Featured collection
- Video
- Image gallery
- Image with text
- Image with text overlay
- Map
- Page
- Quote
- Rich text
- Available content blocks in the Retina page.details template
- Blog posts
- Contact form
- Custom HTML
- Divider
- Featured collection
- Video
- Image gallery
- Image with text
- Image with text overlay
- Map
- Page
- Quote
- Rich text
- Available content blocks in the Mobilia page.details template
- Blog posts
- Contact form
- Custom HTML
- Divider
- Featured collection
- Video
- Image gallery
- Image with text
- Image with text overlay
- Map
- Page
- Quote
- Rich text
- Available content blocks in the Responsive page.details template
- Blog posts
- Contact form
- Custom HTML
- Featured promotions
- Divider
- Featured product
- Featured collection
- Video
- Image gallery
- Image with text
- Image with text overlay
- Map
- Page
- Quote
- Rich text
- Available content blocks in the Artisan page.details template
- Blog posts
- Divider
- Featured collection
- Custom HTML
- Featured product
- Image gallery
- Image with text
- Image with text overlay
- Map
- Page
- Rich text
- Video
Examples
Take a look at live examples of how we've set up the page.details template in our demo shops for each theme.
Select your theme:
-
Turbo demo shop examples:
-
Flex demo shop examples:
-
Parallax demo shop examples:
-
Retina demo shops examples
-
Mobilia demo shop examples
-
Responsive demo shop examples
-
Artisan demo shop examples
For more details about sections and creative ways to use them, check out this post from our Blog.