All Collections
Advanced
How to leverage Product Page Templates
How to leverage Product Page Templates

A Product Page Template is used to control the layout of a set of product pages.

Updated over a week ago

Note: The Product Page Templates feature is available on the Grow and Advanced plans.

Product Page Templates, unlike regular product pages, offer the ability to control multiple product pages at once, allowing you to bundle many products into a single layout.

Once you've created a template, you can associate this to products on import, and from there editing the template will allow you to push layout and content changes to all of the pages associated with this template at once, while still allowing you to make product-specific edits in the custom content area.

Creating a Product Page Template

Navigating to the dashboard you'll find the Templates prompt, which when clicked will open the Templates section of the dashboard. If you are already on a plan that allows the creation of Product Page Templates, you'll see a Create New prompt as illustrated, if not you'll see an upgrade banner.

Starting a Product Page Template from the dashboard, you'll be prompted to give your template a name.

Note: Product Page Templates may only be used in conjunction with the 'custom layout' option at this time.

Interpreting the Layout

On confirming the name of the template you'll be taken to the editor experience, and presented with a 'custom layout' of an example product from your store. Here is where you can design your layout that will applied to all product pages that you assign to this template.

This is an editor page populated with a product box typical of the custom presentation, and to the bottom right, you'll find a new content area known as the Custom content area.

The Custom content area is a placeholder area that exposes a dropzone on each of the product pages that use your template. In this area, you can add page-specific content and elements to contextualize individual product pages differently from each other, if needed. This is optional to use, and you can simply power the full product page design with the template.

Note: currently we only support the ability to drag the Custom content area within product boxes when editing your product page templates.

Importing Products to Your Templates

When you have added all of the content to the template you desire, and are ready to associate it with products on the store, you would use the Import Product prompt, which appears in place of the Publish prompt found on regular pages.

This launches the dashboard again, with the Import modal open, and from there you can click on the checkbox next to any and all products you wish to associate with this template.

Switching between Product Page Templates

To switch a product from one Product Page Template to another, the product would need to have its import reverted and be reimported under the new Product Page Template in the Shogun dashboard.

Additionally, products already imported to Shogun under existing or custom layouts will need to be unimported and reimported to us to be associated with a Product Page Template.

Note: Any Shogun content already added to the page will be lost on reversion of the import, so preserving this content in the form of a Snippet is recommended. This includes custom content area content.

Updating your Product Page Template

Updating a Product Page Template works similarly to updating a regular page, except instead of seeing the 'Publish' prompt you'll see a prompt to 'Update page', which when clicked will launch a context box, informing you that this action will update the layout of any products associated with the template. To publish these changes, we recommend using our Bulk Publishing feature.

Note: This doesn't publish any of the associated products should they still be in an 'Outdated' state in the dashboard.

Did this answer your question?