The settings for product cards, quick view.
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Click the Theme settings gear icon.
- Change the options you want.
- Click Save.
Setting | Description |
---|---|
Enable quick view | Check the checkbox to enable product quick view, you can see a search icon on the right top of the product card. |
PRODUCT CARD | |
Text alignment | Aligns the product card text within the block:
|
Image ratio | The image ratio for the section image:
|
Show secondary image on hover | Displays the secondary image when mouse over the image. |
Show labels | Show product label, like ON SALE, OUT OF SOCKT on the top left side of the card. |
Show color swatch | Show color swatch for each product card. |
Badges | |
Corner radius | Setting the corner radius to 0px produces square badge edges, and increasing the radius rounds the edges of the badges. |