Types of Swatch Configuration

There are 2 Types of configuration available for both Product and Collection Pages:

• Variant Image - Allows to display variant images of the product variants on swatches

• Custom Color/Image - Allows you to configure the custom color or image that you want to display on variant swatches

• Select the Variant Image option to display the default Variant image on swatches.

• Select Color/Custom Image to display custom color/image on swatches.

1. Variant Image

If you have assigned images to variants in the product section, you can choose the Type - "Variant Image" to display the variant image in a swatch style.

Note: If the image is not assigned to any variant, the app displays the first image of the product image gallery on all variants.

You can choose to display from the "First Image", "Second Image" or "Last Image" to display on the variant swatches.

2. Custom Color or Image

• Choose a swatch style - either Circular or Square. Then, under Type, select Color/Custom Image.

• Click on Upload Swatch. Search for the color name, customize it as needed.

• Click Save to apply the custom colors on the swatches.