Display on collection page, home page, other pages

Color swatches allow customers to easily see and select product variations like different colors. Follow this step-by-step guide to set them up in your store.

Setting up

1. Enable option on collection page

  • Open the Globo Color Swatch app from your Shopify admin panel.

  • Choose option show on Collection Page and Enable.

Enable option on collection page

2. Choose display style

  • Change the style for each option in the Options list. If you do not change, we display it as default type Button

Change style option

3. Save your change

Save your change

4. Enable app embed & preview

  • In Online Store > Themes > Customize

  • Click to App embeds > find Globo Color Swatch -> Enable

Enable app embed

Swatch still not showing on collection page?

  • Most of our themes have integrated swatch on collection page, if your theme is not working, please contact the support team, we will integrate it for you 💕

  • If you are using app page builder, filter function, infinite scroll,... we can integrate it all, don't worry 🤗

Last updated