Options configuration

Set up swatch style, type for variant options

Once you done initial setup, app by default show button swatch on the product page.

In the Options Configuration, you can choose the swatch style, type, variant or custom image/color for the product options on the product and the collection pages.

Eg. the style for Size option can be Button, while the style for Material option can be Custom Image swatch.

1. Choose swatch style and type

There are certain pre-defined swatch styles for the Product as well as the Collection pages. choose the style in dropdown you want for product options.

choose swatch style for product option

For the "Button" "Button Pill" and "Dropdown" styles, the style will automatically update on your storefront after you save.

For the "Circular", "Square", "Swatch in card", "Swatch in box", "Swatch in Pill" styles, you can choose the "Variant Image" or "Color/Custom Image" types

• Variant Image (Show automated variant image)

• Color/Custom Image (Show custom color or images by uploading in the app)

Add new swatch styles and configure

Variant Image (Show automated variant image)

If you have set up images for variants in the product section, you can choose the "Variant Image" type to display the variant image in a swatch style.

Variant Image have three sub options "First Image", "Second Image" and "Last Image" to show images accordingly

Color/Custom Image (Show custom color or images by uploading in the app)

If you want to show custom color or images for the variant in swath style, you can choose "Color/Custom Image" type

2. Save swatch style and type

Once you choose the swatch style and type as per your need, please save the current changes

save options configuration changes

3. Check the result

In the "Options" column of the Option list, you can see the number of products associated with this option. (for example: "33 products")

Click on that text and you will see the list of products. Continue and click on the Eye icon (to see Product in Online store) or the External icon (to see Product in Shopify Admin) to check for the result.

Options Configuration Video guide