Globo is the company specializing in website design and development in Vietnam.
18 Khuc Thua Du Street, HN
[email protected]
Follow Us

Display variants under color swatches

You are here:
Estimated reading time: < 1 min

Before setting up color swatch, please make sure that your products include color variants already, for instance:

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

–> Color is the option name in this example (It may be different in your case).


  1. From the app admin page, click Options
  2. On the Option column, find Color
  3. In Display style column, select Color or custom image swatch
  4. Click Config button of option Color
  5. Set up colors. (You are able to set 1 color or 2 colors for a swatch)
  6. Click Save to apply the changes

Test the result

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!

Was this article helpful?
Dislike 72
Views: 30642