Product cards

Setting	Description
Badge names	A text area for entering badge names. *Add badges with the same name as a product tag, separated by a comma. The Product tag can be added on the product detail page on the admin panel — products/detail page.
Product info	Create a metafield of type "Single line text" to customize info. Paste name here (e.g., "Product info") to show product info in your store. Add different product info through metafields, allowing you to customize the content for each individual product. This is ideal for displaying unique details such as specifications, features, or any other product-specific information. Learn more. Note: In sections with product cards, product info is displayed by default. In the Future Product section and on the product detail page, you have the option to enable or disable the display of product info using "Show product type" setting.
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.