Product card
Change layout, content and display variant options
This theme setting only works with the featured collection and product tabs.
Steps
  1. 1.
    In the theme editor (Customize), click Theme settings
  2. 2.
    Locate Product card
  3. 3.
    Make necessary changes
  4. 4.
    Save

1. Layout & image

There are 4 layouts for merchants to select.
Layout 1
Layout 2
Layout 3
Layout 4
Thumbnail image can use for product with no image. Additionally, text and image ratio are easy to adjust.

2. Variants

Enable or disable showing variants in product items and how they display on the front store.

3. Content

Merchants can control what to show on the product card.
  • Show/Hide custom badges: display other badges rather than sale and sold-out badges
  • On sale badge: hide or show in % discount/text
  • Show/hide Sold-out badge
  • Add to cart button: allow customers to choose items to purchase without actually completing the payment.
  • Quickview button: allow customers preview products information without needing to go to the product page.
  • Compare button: allows customers to see the difference and similarities among stores' products.
  • Wishlist button: help customers to add their favorite products in the list
  • Show second image when hovering
  • Countdown: display time when there is an event for the product to release/discount
  • Vendor: display vendor under the product title.
  • Reviews badge: display rating from the customers.
  • Uppercase product name.
  • Action when clicking Select options/Quick view button: It either pops up Select options dialogue or go directly to product page.