Product cards

To edit the appearance and information on your product cards, go to:
Themes > Customize > Theme settings > Product cards

The settings applied here will apply to all products across your store.

A number of options can be set up, from text alignment to image aspect ratio.

Media

Set the aspect ratio of your product media. As a general rule you should select the aspect ratio that matches the aspect ratio of your image files.

Text

Choose from various options to set the font, text alignment, borders, vendor position and text padding.

Badges and tags

Here, you can set whether to display ‘Sale’ badges. If enabled, a Sale badge will appear on any product that is on sale.

You can also add custom badges to any product. Add any tag in the format “Badge: Your word”. The badge will then display on the product card. For example, if you want to add a ‘New’ badge, add a badge with the wording “Badge: New”.

In the settings here you can also choose from six positions for the badge position; top left, top center, top right, bottom left, bottom center or bottom right.

Price

Customize the price position and sale price highlight color.

Quick add

Customize the settings relating to ‘Quick add’, such as the styling of the button and the rollover behaviour on desktop. You can also choose the Quick Add style on mobile; minimal card or full card.

‘Quick add’ can be enabled on various sections of the theme to allow the user to add a product directly to cart without needing to click into the product page. This feature is available on the Featured Collection and Related Products sections.