In sections display a grid or a slider of product cards, you will see Product card settings in these sections.
Product card settings
Setting | Description |
Image ratio | The image ratio for the product images:
|
Show second image on hover | When the customer hovers their cursor over the product image, displays the second product image if the product has one. |
Show vendor | Displays the vendors of the products. |
Show product rating | Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app, and metafield definitions forreviews.rating_count and reviews.rating. |
Enable quick add button | The quick add button allows customers to add an item to their cart from the product card. If the product has variants, then the button will read "Choose options" and display the product details in a drawer, where the customer can select the desired variants, add the item to cart, checkout immediately with "Buy it now", or click to view the item's full details. You can refer to the Quick add drawer article for customizing this drawer. |
Enable compare button | The compare button allows the customer to add an item to the comparison list which will be displayed in a pop-up when customers click the compare icon in the header. Showing this button requires the comparison feature to be enabled in Theme Settings > Product compare. You can also customize the popup in the Product compare section. |
Enable quick view | The quick view button allows customers to view the details of a product in a popup without going to the product page. You can also customize this popup in the Quick view popup section. |
Show color swatches | Displays a list of product colors in pills. |
Color swatches styles |
Specify the way to display color swatches:
|
Comments
0 comments
Article is closed for comments.