Product cards

Setting	Description
Style	Standard: Product card without border. Card: Product card with border.
Text alignment	You have three alignment options for positioning text under the product card (heading, price…): Left Center Right
Heading size	Choose size for product cards heading: Small Medium Large With these options, you can easily customize the heading size to best match your website's style and create a visually appealing and cohesive design throughout your site.
Show color variants	You can show or hide color swatches positioned in the product card under heading.
Color variant name	Add here the same variant name as on product detail page in admin panel and color swatches theme settings. In this field, you have the flexibility to replace “color” with various alternatives such as "colour", “palette”, “hue”, “shade”, “tint”, or “tone”, or even write it in another language of your choice.
Show quick add button	To make the quick add button visible when hovering over a product card, simply check the box. Clicking this button will open a product popup that provides brief information about the product and the option to add it to the cart drawer, cart page, or proceed directly to checkout. For more detailed information, you can navigate to the product page.

Color variant name

Setting	Description
Quick add text	Choose the color for button text by clicking a circle with the color palette.
Quick add background	Choose the color for the button background by clicking a circle with the color palette.
Quick add border	Select the color for the button border by clicking on the circle with the color palette. You have the option to choose the same color as the background or opt for a different color to make the button more visually appealing.
Quick add text hover	Specify the color for the button text when it's hovered over by clicking on the color palette circle. This allows you to choose a different color for the button text when customers hover their cursor over it.
Quick add background hover	Specify the color for the button background when it's hovered over by clicking on the color palette circle. This allows you to choose a different color for the button background when customers hover their cursor over it.
Quick add border hover	Specify the color for the button border when it's hovered over by clicking on the color palette circle. You have the option to choose the same color as the background on hover or opt for a different color.
Quick add popup backround	You can add color for pop-up background.