Display variants under custom image swatches

Color swatch feature in custom color or image swatch style

This feature allows you to add your custom color to show in swatch options.

Steps:

From the app admin page, click Options

1. On the Option column, find the option name you want to set up custom image swatch
2. In Display style column of the option, select Color or custom image swatch
3. Click Config button of option
4. Next, you can select a color for the Color 1 column or select 2 colors on Color 1 and Color 2 respectively
   Note: you need to tick on the checkbox of the column Color 2 to be able to set up the 2nd color for the circle swatch if you want to show 2 colors in the circle swatch
   
5. Click Save to update the changes

Here is the result you can see on the front end:

Note: If you add/update your products variants in Shopify Products but they do not show in the app admin page, please sync product data.

Image swatch feature in Custom color image swatch style

This feature allows to set up the image in the app backend to show for the circle swatch.

Note: this function is limited in the Free plan, for your reference https://globo.io/kb/what-difference-of-the-plans-free-and-silver-and-gold/

Steps:

1. On the Option column, find the option name you want to set up custom image swatch
2. In Display style column of the option, select Color or custom image swatch
3. Click Config button of option
4. On the Config window, you can select the Upload file or Image url to set up the image for each variant value
5. Click Save to update the changes

Please test the result on product page/collection page of the currently integrated theme.

Video tutorial

Don’t hesitate to email us at [email protected] if you have any questions or issues!