Configure on Product & Collections Page
Let’s understand the pre-defined swatch style configuration step-by-step for the Product page and Collection page:
Last updated
Let’s understand the pre-defined swatch style configuration step-by-step for the Product page and Collection page:
Last updated
On the product page, by default, Button swatch is enabled.
On the collections page, you need to activate the toggle to enable the button swatch.
Product - Click on default and choose a swatch style (Circular, Square etc.)
Collections - Click on default and choose a swatch style (Circular, Square etc.)
Select the Type - Variant Image or Custom Color or Image (available for both Product and Collection options)
You can open the product directly from the app to check the implemented configurations.
Product Page
Collection Page
Select the option to display the default Variant image on swatches.
Select to display custom color/image on swatches.
To customize the Product or Collection swatches, go to and customize the styles according to your requirements.
