Canopy Theme

The latest versions of our Canopy theme support Sections so the layout of the theme settings might appear quite different if you are upgrading. Please see this Shopify article for an introduction to working with sections.

FAQs

How do I make my slideshow images smaller?

Our images will always scale horizontally to fill the width of your site, but you can alter the amount of screen your slideshow occupies by adjusting the relative height of your images. A portrait or square image results in a really tall slideshow. A thin letterbox image creates a compact slideshow. Don't forget to make your images consistent across all slides!

Does the theme include a newsletter sign up?

Yes, you can collect customer emails using a sign up box in the footer.

Can I shorten blog articles on my homepage?

Yes, create a summary by clicking on the Add Excerpt link below your blog article content.

What size should my images be?

This article explains more about image sizing in our themes.

How do I create a full width menu?

Read our settings help below to find out how to create a full width mega menu in your store.

Can I add other fonts?

Yes, but you will need to hire a developer to add other typefaces to your store.

Where are my product page settings?

Navigate to your product detail page to see the section settings. Other product settings that apply across your store can be found under the general tab.

Which pages can show a notification bar?

A text notification bar can be shown on the product page and on the cart page.

Can I change the Shopify and Clean Themes text in the footer?

You can change static text labels in your store in the Language Editor

How do I change "Add to cart" to "Buy now"?

You can change static text labels in your store in the Language Editor

Can I create a page listing my collections? 

Yes, this article explains how to create your own collection listing pages.

Can I change the payment icons?

Payment icons are pulled directly from Shopify based on your payment settings.

Canopy Theme Settings

Our documentation is for the latest theme versions - 2.0 and above. Should you need guidance with an earlier version, please send us a support request via the contact form.

Tips

Tip:Full width images in text content

To allow an image to display wider than a central page column, add the word fullwidth to the end of the alt-text for that image. Don't worry - the word 'fullwidth' is stripped out by the theme, so it won't affect your SEO. This works in pages, blog articles and product descriptions

Tip: Shopify product reviews

The theme includes built in code to support Shopify product reviews on the home page, product page and collection page. This app is not compatible with infinite scroll.

General Settings

Theme Styles

The Canopy theme is available in 3 styles - Elda, Thread and Kiln. Choose your theme style in the General Settings tab. Applying a theme style will overwrite any existing settings in your General tab and will affect cross store elements such as your fonts, cart behavior, and social media icons. Your section specific settings won't be affected.

More information about theme styles can be found in this Shopify article

Colors

The button backgrounds/link text color is used extensively in the store, for button backgrounds, link text and product thumbnail labels such as "Sale" and "Quick buy". This makes it a great choice for your core brand accent color. On hover the color will become lighter to provide user feedback. Be sure to check that your text is legible against the button background. For emphasis, the "Update Cart" button on the cart page uses a reverse color palette.  

The Canopy theme includes the option for a site border. If you don't want to have a visible site border, then set this color to be the same as your store background

Choose a transparent color for the homepage row dividers and the space between your homepage sections will be reduced.

Product Grid

The Canopy theme supports product labels on the home and collection pages.

There is only room for one to show at a time, so there is a priority in which these are shown.

  1. Sale - shows if a product's compare at price is set higher than its actual price.
  2. Sold out - shows when Shopify manages the inventory and customers cannot purchase out of stock items
  3. X left in stock - only for items with a single variant
  4. Custom - choose your own text by giving your product a tag in the format: meta-label-YOUR LABEL TEXT! That's 'meta-label-' and your label text. Note that the text cannot contain a comma. Spaces, capitals, exclamation marks, etc, are all fine!

So if the 'Sale' label is shown, this takes priority over all other labels.

Enable quick-buy allows shoppers to add items to the cart directly from a collection page or the homepage. 

Search

Choose whether to search only products or also include page content and blog articles.

Static Sections

Header Section

Layout

The Canopy theme includes four different header layout options, logo in the middlelogo on the leftlogo in the navigation and mobile navigation style on desktop

Your logo can be an image or simply your store name. 

Upload a double-sized logo image, and enter half of its width (in pixels) above, to show super-sharp on retina screens.

Navigation

The Canopy theme includes the option for a standard drop down navigation and one full width mega menu. 

The standard navigation follows the usual Shopify method explained here. The setting maximum number of links per column allows you to control the length of columns in your drop-downs.

The theme won't allow the navigation to be split over more than 5 columns to ensure that it does not exceed the width of the browser. It's worth experimenting to find the value that best suits your store, menu options and chosen font sizes. The setting maximum number of links per column does not affect the mobile navigation and does not apply to the full-width mega menu.

Full Width Dropdown

Kiln Canopy demo store - full width menu

The Canopy theme allows you to show one full width mega menu with up to 4 titled columns of links. If you wish to create a full width drop down menu, select the menu link that you wish to use. In our Kiln demo store we chose "Shop". Then, select menus for each column and enter a heading. These headings are shown as an extra menu layer in the mobile menu.

Remember, the separate theme settings for the menu and column title mean that the two don't have to match. In this example Nomad Dinnerware is the column title but it uses the menu link list called Nomad Collection.

Footer Section

The Canopy theme offers a choice of a simple horizontal or columns based footer layout. The columns footer allows you to show additional columns of links in your footer.

Dynamic home page sections

Choose to show blog posts, products, images, text, videos, slideshows and Instagram feeds on your homepage in any order you like.

Gallery section

Up to 20 images can be added to each gallery section. Set the maximum number of images per row. Choose different image shapes to create a collage effect as shown on our demo stores.

Context sensitive sections

These sections are shown based on the page you are currently viewing in the theme editor.

Collection pages

Collection header style

The Canopy theme includes the option for 4 different collection header styles: banner fit, banner wide, color background or simply the title and description with no image.

Sidebar

Choose the show collection sidebar option to show an additional menu on all collection pages on desktop. The same sidebar menu is shown for all collections.

You can also create groups under headings in your sidebar menu as shown on our Elda demo store. Simply enter the heading title as the link name in your menu and link it to a web address with the value #heading. These link names will then be enlarged to give the appearance of headings in the sidebar.

Create a page containing images and/or text for display in your sidebar under the menu.

Filters

Product tags can be added to products to help customers to filter the products on a collection page. Choose between boxes and dropdowns for your tag filter style.

Check the show 'sort by' dropdown setting if you wish to display the 'sort by' dropdown. The 'featured' sort order is the 'manual' option if you have chosen to sort your collections manually in Admin → Products → Collections. There is no need to show the 'featured' sort order if you have not sorted your collection manually.

Collection list and Custom collection list

Header Style

The collection listing pages have the same choice of styling options as a standard collections page. 

To add in text or an image to the header of your custom collections listing page add your text and image to the page content. These will be displayed in the header using the style chosen above.

Product pages

Check the enable image zoom setting to use a product zoom on larger screen sizes. Please note the theme cannot enlarge images, so they will be shown at their original maximum size in the product zoom. The image zoom is not designed to operate on mobile screen sizes.

Product options can be shown as boxes or dropdowns.  Boxes will only show an unavailable state (crossed-out) when there is only one option (e.g. size, or color). When there is more than one (eg size AND color), it will not do this.

Blog pages

Elda blog layout - Canopy theme for Shopify

The Canopy theme offers a number of different flexible article layout choices; full width, tiles in rows and tiles in columns. Navigate to your blog page in the Theme Editor to find these options and choose your preferred layout.  Don't forget to create article excerpts too.



Support Hours

Mon - Fri (except holidays)
09:30 to 17:00 GMT

Please allow 24 hours for our response.

Email us

Looking to customise your theme?

Carson Shopify helpdesk:
heycarson.com
Taskhusky:
taskhusky.com
Shopify developers:
experts.shopify.com/developers

Shopify Job Board
ecommerce.shopify.com/c/shopify-job-board

TaskHusky
Step by step guide to setting up Shopify
Stock Images
Continue shopping
Your Order

You have no items in your cart