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 > Save

• Enable background card - Display background card

• Enable gray background for image - Make gray background for image

• Show video as featured image - Video must be first in media list and hosted on Shopify.

• 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

• Quick buy button type

• Show short description - Use key metafields to display a short description of the product => ortheme.short_description

• 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

• Show sold out badge

• Show discount badge

• Show discount marquee

• Sale badge type - Choose type with Text, Amount, Percentage

• Badge position

Product labels

• Theme settings > Product Card > Product Labels:

Use product tags to display labels on product cards.

In admin product