Canopy theme support

Theme Settings

Colours

The button backgrounds/link text colour makes a great choice for your core brand accent colour. On hover, the buttons will become lighter/darker to provide user feedback.

Various sections throughout your store can have an image tint applied to it which helps make the text more legible when over an image. You can pick the tint and text color in Theme Settings > Colors.

Some sections will let you choose the type of tint to show. Eg you could cover the whole image (Standard), or just the bottom part of the image (Bottom). Or you may only want to include the tint behind the text itself – in which case you can choose Text Shadow. If you pick a setting such as Bottom, be sure to align your text to the bottom of the image as well.

Typography

The Canopy theme includes the option to choose your button shape and whether buttons should be capitalized or not (in Theme Settings > Typography).

Headings can also be capitalized across the site in the Typography settings.

Product

The Product theme settings contain a few different product related settings.

Product Grid

The various grids of products that display around the store (Eg the Featured Collection section, or Collection Page) can be styled using these controls. You can pick settings for spacing/gaps/borders/image shapes/text alignment etc.

Product Labels

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

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

    1. Sold out – shows when Shopify manages the inventory and customers cannot purchase out of stock items
    2. Sale – shows if a product’s compare at price is set higher than its actual price.
    3. X left in stock – only for items with a single variant
    4. New In – shown for new products.
If the ‘Sold out’ label is shown, this takes priority over all other labels.

The theme can determine if a product is ‘New In’ in one of three ways:

    1. Collection – will show when a product is in a collection with ‘new’ in the handle.
    2. Tag – add the tag ‘New’ to the product.
    3. Date – choose the number of days ago that the product was created.

Quantity Controls

The quantity controls that show on the product page, featured product section and quick buy popup can be controlled with this setting.

If set to ‘Standard’ – the controls will always show quantity as ‘1’ by default, and adding an item to cart will add one more to the cart (or however many is entered in the quantity box).

However, if this setting is set to ‘Show quantity currently in cart’ – the number in the quantity controls will reflect how many of that item are currently in the cart. Pressing + and – will increment/decrement that number in realtime, and the ‘Add to cart’ button will change to ‘Remove from cart’ when the item is in the cart.

Quick Buy

Choose from two different quick buy styles.  A circle that shows over your images on hover, or a button that shows underneath the product and allows you to add single variant products straight to the cart.

Search

With these settings, you can determine what on your store can be searched (eg products, pages, articles etc).

If you ‘Enable search suggestions’ as the store users type in the search box within the header, the store will automatically suggest matching products.

Turn off ‘Search tags and skus’ to improve search speed

Layout

The spacing between sections can be adjusted here, and also ‘section dividers’ (ie lines in between sections) can be turned on here.

Cart

The Canopy theme includes the option of a sidebar cart drawer (in addition to the standard cart page). See the Cart drawer help page for more.

Animations

As you scroll down the page, sections will animate in. This can be turned off in this section.

Theme styles

The Canopy theme is available in 3 styles – Natural, Fresh and Light. These demo stores aim to illustrate the variety of looks possible with the theme. Choose your theme style in the Theme Settings tab. The style settings will affect cross-store elements such as your fonts, colours, cart behaviour and social media icons.

Applying a theme style will overwrite any existing settings in your Theme Settings tab. Your section specific settings won’t be affected.

  Worthwhile reading:

Image sizes Theme updates Page Speed SEO

  Looking to customise beyond our settings?

Our support covers assistance for your theme and settings as originally supplied.
If our settings don’t include a specific control you’re looking for, you can hire a developer to customise the theme code.

We recommend Taskhusky for altering your theme code:
Click here to request a custom coding quote from Taskhusky.

Be sure to read this article before changing code!