Product cards

Setting	Description
Style	Standard: This option displays product cards without any visible border or color container view. Card: Card: This option arranges the image, heading, price, and buttons within a single card with a distinct background from the surrounding section.
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…): Left Center Right
Enable compare button	Enabling this option, adds an 'Add to Compare' checkbox, allowing users to interact with the compare products pop-up to easily compare selected items.
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.

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.