Product settings

The “Select Product” option allows you to add a link to a specific product in your store. When you click on the “Select Product” button, you have two options:

• If the product has not been created yet, you can click on the “Create product link” button, which will take you to the “Add product” page where you can enter all the necessary information for your product. Once you have saved your changes, you can go back to the original section and your newly created product will be available to select.
• If the product has already been created, you can select it from the list of products by clicking on the “Select” button next to the product. The chosen product will then appear on the page.

The heading size setting offers four options to control card heading size:

• Extra small
• Small
• Medium
• Large

Font weight defines the thickness or boldness of card heading. Available options:

• Normal (400): The default font weight for body text, which can also be applied to headings.
• Medium (500): Slightly thicker, suitable for emphasized body text or light headings.
• Semi-Bold (600): Heavier, ideal for subheadings or highlighted text.
• Bold (700): Strongest weight for maximum emphasis.

Enable this option to display a "Quick View" button on product cards that have variants.

When the "Quick View" button is clicked, a pop-up window appears where customers can:

• Select the desired product variants (e.g., size, color, etc.)
• Add the product directly to their cart

Behavior when the option is disabled:

If this option is turned off, product cards that have more than one variant will appear without any action buttons.

In that case, customers need to visit the product detail page to choose and add a variant to their cart.

Note: If a product has only color variants and color swatches are displayed directly on the product card. In this case, instead of the "Quick View" button, an "Add to Cart" button will be shown — allowing customers to:

• Select the desired color directly from the product card
• Add the product to their cart without navigating to the product detail page

Enable this option to show color swatches. This option works with Color Variant Name option.

In the Color Variant Name field (Theme settings — Product cards tab), ensure you enter the name of the variant option, such as “Color.” It should match exactly as it appears in the Product Detail Page in the Shopify Admin Variants section.

Directly on the product card, you can preview different product variant colors and even add a selected variant to your cart. Simply click on the desired color swatch, then hover over the product card and click “Add to Cart”.