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.
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.
The Product theme settings contain a few different product related settings.
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.
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.
- Sold out – shows when Shopify manages the inventory and customers cannot purchase out of stock items
- Sale – shows if a product’s compare at price is set higher than its actual price.
- X left in stock – only for items with a single variant
- New In – shown for new products.
The theme can determine if a product is ‘New In’ in one of three ways:
- Collection – will show when a product is in a collection with ‘new’ in the handle.
- Tag – add the tag ‘New’ to the product.
- Date – choose the number of days ago that the product was created.
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.
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.
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.
The spacing between sections can be adjusted here, and also ‘section dividers’ (ie lines in between sections) can be turned on here.
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.
As you scroll down the page, sections will animate in. This can be turned off in this section.
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.