Skip to main content

CANVAS Information Architecture

In this section, you’ll find a detailed breakdown of the pre-defined CANVAS Information Architecture, including content types and taxonomy mapping relevant to your CANVAS site build. 

 

Content Types

We design specific page layouts for various types of content. A piece of content will have a primary page layout, as well as other related pages that support and link to and from the content. For example, a product item will have its content displayed primarily on the Product Detail Page, but will also appear as a teaser link on the Product Listing Page

Note: By default, Content Types will also be used as filters on the internal Search Results pages.

The following chart breaks down each Content Type by primary and related page layouts.  

 

Taxonomy

We include a set of specific terms, which you will design, that can be used to organize content on your site. Content that should be related will be tagged by a common taxonomy term. For example, Product Categories might have terms such as "For Adults" and "For Children", and then all kids’ products would be tagged with a product category of "For Children.”

We’ll automatically serve up default page layouts for certain terms. For example, a Product Category Listing Page will display all Product Categories terms, and each term will have a corresponding Product Category Landing Page to display all products within that category.

Sometimes, we’ll also display taxonomy terms as filters, which will allow your visitors to narrow down content displayed on your site. For example, Product Category filters are available on the internal Search Result pages.

Note: Please inform your site builders NOT to create custom taxonomy vocabularies. Brands should only use the CANVAS default vocabularies.

The following chart breaks down certain Taxonomy Vocabularies by functionality, as well as primary and related page layouts.  

 

Images

We’ll automatically reuse certain images for specific items for display on other relevant pages. For example, a product image might be uploaded for the corresponding Product Detail Page, but it will also be displayed along with the product teaser on the Product Detail Page, or when the product is returned in the internal Search Result pages.

Note: Images are uploaded to content with the Media Browser or are embedded in content with the WYSIWYG editor.

The following list breaks down certain image assets and their purposes. 

Article Detail Page Image

  • Shown on article teasers in Article Category Landing Pages
  • Shown on related article teasers in various Detail Pages

Carousel Slide Image

  • Shown on the associated slide of a rotating carousel

Favicon

  • Shown on browser tabs and bookmarks for any page

Hero Image

  • Shown full-width at the top of the associated page

Image Detail Page Image

  • Shown on Image Detail Page
  • Shown on image teasers of Media Collection Landing Page
  • Shown on image teasers of Media Library Page
  • Shown on media collection teasers of Media Detail Pages
  • Shown on related content teasers on various Detail Pages

Media Collection Teaser Image

  • Shown on teasers of Media Collection Listing Page

Product Detail Page Image

  • Shown on Product Detail Page
  • Shown on product teasers of Product Listing Page
  • Shown on related product teasers in various Detail Pages
  • Shown on search results returning Product Detail Pages

Product Detail Page E-Retailer Images

  • Shown in the "Buy" accordion tab on Product Detail Page

Site Background Image (optional)

  • Shown as the background behind main content on every page

Site Logo

  • Shown in the Site Header at the top of every page

TACO Image

  • Shown on TACO on whatever page or element that contains the TACO

Where To Buy E-Retailer Images

  • Shown on "Buy Online" tab of the Where To Buy Page

 

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

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