About
Globo is the company specializing in website design and development in Vietnam.
16, 24 Vo Chi Cong Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Display variants under custom image swatches

You are here:
Estimated reading time: 1 min

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 hi@globosoftware.net if you have any questions or issues!

Was this article helpful?
Dislike 2
Views: 1855