Product card

This theme setting only works with the featured collection and product tabs.
Steps
1.In the theme editor (Customize), click Theme settings
2.Locate Product card
3.Make necessary changes
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. 

Theme settings - Previous

Typography

Next - Theme settings

Product variation swatches

Last modified 6mo ago

Copy link

Contents

1. Layout & image

2. Variants

3. Content