How to setup variants on the product page

Step 1: Select variant picker from the product page

Step 2: Select variant picker type

you can choose any of them but if you want COLOR SWATCHES then The variant picker type must be ‘Button’

Dropdown:

Button:

Step 3: Enable and disable color swatches

Step 4: Select Swatch type

you can choose any of them. check the below screenshot how looks like it

Variant image:

Color Swatch:

Step 5: Show the image on variant

Step 6: Swatch button style

Updated on February 20, 2025

ShopiBuffet