Product cards
Setting | Description |
Style |
|
Shape for style card |
|
Image padding | Add “Image padding” using the slider. This adds space around your card images. |
Text alignment | You have three alignment options for positioning text under a product image or within the product card (heading, price…):
|
Color scheme | Applying a chosen color scheme to product cards from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website. |
Show custom badge | Need to add a metafield "custom.badges" with type "Single line text" in Shopify admin. Learn more. Mark the checkbox to show custom badge on product card. |
Adding custom badge
Border settings
Setting | Description |
Thickness | Use the slider to adjust thickness of border. The range is from 0px to 24px. |
Opacity | You can increase or decrease visibility of border color to make it more expressive or less noticeable. |
Corner radius | Use the slider to control the rounding of product cards. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision. |