Product cards
Setting | Description |
Style |
|
Image padding | Add Image padding using the slider. This adds space around your card images. |
Heading font family |
In Theme Settings, the heading can have a different font family from the body text. You can apply one of these styles to the headings. |
Heading font weight | The option allows you to customize the font weight of headings in product cards:
|
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. |
Product compare
Setting | Description |
Enable compare button | Activate the option to display the add to comparison button. |
Button style | Choose a style for the "Clear all products" button from three available:
|
Modal color scheme | Choose a color scheme for the product comparison pop-up. Applying a chosen color scheme to the product comparison pop-up from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website. |
Border settings
Customize the appearance of your border:
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. |