Skip to main content

Title

Product Listing Page Template

Here, you can display the full list of your available products in a grid format. Your visitors can browse all products, filter the list and view high-level information for individual products. The products are not organized by category, but you can highlight a featured product, special offers or other related content in the page hero.

See a demo of this template

 

When To Use This Page

This page will be beneficial when you run into the following scenarios.

  • If you don’t have enough products to separate Product Categories out into their own Product Category Landing Pages.
  • If you feel individual product categories aren’t necessary for your products.

 

Default Template Components

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

Breadcrumb

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

Product Grid

A grid of product callouts, each containing a thumbnail image, product title, and a truncated description (by default)

Ratings & Reviews (Where Applicable)

Displays user-submitted product ratings and reviews

Social Share (Where Applicable)

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

 

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

Simple Product Filter

A module for users to filter a product list by product category

 

Additional Optional Template Components

Complex Product Filters

A module for users to filter a product list using specific product criteria

Any allowed tout combination

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

 

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 Listing Template.

Template PDFs

View the PDF files for your Product Listing Template.

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

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