Skip to main content


Product Detail Template

Here, you can display detailed information about a specific product. Product images work with key information such as an overview, ingredients, warnings, product uses, ratings and reviews, where to buy and related products to help educate your site visitors on your brand’s product offerings.

See a demo of this template - Product A


When To Use This Page

Every product on your website will have a Product Detail Page.


Default Template Components

The following components are default, fixed elements within this page template:


A series of clickable links that display the navigational path to the current page

Product Hero Image

The main product image and often the largest.

Product Information Accordions

Expand and collapse detailed product information.

Social Share (Where Applicable)

The ability for users to share content with their friends and followers on supported social networks

Ratings & Reviews (Where Applicable)

Displays user-submitted product ratings and reviews where applicable


The following components are also available by default within this page template, but can be removed or lightly altered:

Two Default Touts

Two 50% touts stacked below the product image.

Additional Product Field Accordions

A feature that expands and collapses detailed information related to pre-determined product fields.

Where to Buy Section

A feature that allows users to find online retailers and nearby stores that carry certain products.


Additional Optional Template Components

Multiple Product Hero Images with Thumbnails

Users can view additional product images by selecting from several thumbnail images that display below the product hero image.

Related Content Component

Display related content teasers in a carousel-like format.

Any Allowed Tout Combination

Use any supported combination of touts that adds up to 100% of the content width.

Embedded Video

A video player that can be placed in-line throughout page copy.

Embedded Poll

A poll that can be placed anywhere a tout can be placed.

Price Information

This feature lists the specific price per provider, and is slated for a future release.


Design Details

These helpful diagrams highlight key components across the three Canvas viewports. Components are either required or optional; some can be adjusted, while others must remain as-is. 


Template PSDs

Access the PSD files for your Product Detail Template.

Template PDFs

View the PDF files for your Product Detail Template.

See examples of page layouts, features and functionality in CANVAS.

Our demo provides a glimpse of the flexibility of CANVAS and its templates.