Product cards

Learn how to edit product cards

Steps:

1. In the theme editor (Customize), click Theme settings

2. Locate Product cards

3. Make necessary changes

4. Save

• Show vendor - Display vendor on the product card

• Show secondary image on hover - Display the second product image when hovering over the product image

• Show quick buy - To allow customers to preview detailed product information without visiting the product page

• Show product rating - Display the product's rating

• Color type - Display : Color swatch, Count, Variant image, Native color swatch

• Product Image size - Determines the aspect ratio of the product card images.

  • Adapt to image

  • Square (1:1)

  • Portrait (3:4)

  • Landscape (4:3)

  • Landscape (5:3.5)

  • Wide (16:9)

• Media fit - Display Fill or Contain of product card image

• Product info alignment - feft, center, right

Badges

• Sale badge type - Choose type with Sale, Save amount, Save percentage

• Badge position

Product labels

• Theme settings > Product Card > Product Labels:

Use product tags to display labels on product cards.

In admin product