Display on product page
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.
1. Enable swatch setting on product page
Open the Globo Color Swatch app from your Shopify admin panel.
Navigate to the Settings section.
Enable the Swatch on Product Page option to activate swatches on product pages.
2. Choose display style
Navigate to the Dashboard app
Change the style for each option in the Options list. If you do not change, we display it as default type Button
Click the save button to save the changes.
3. Add app block in theme settings
Go to Online Store > Themes > Customize.
Select Product Page in the theme editor.
Click Add block > Apps and choose Globo Color Swatch > Variant swatchs to display variant app
Required* :
The default theme variant picker block must be kept, not deleted to ensure the default theme and add to cart functionality works properly.
If you want to hide it before the app displays, please
4. Enable app embed and preview
In Online Store -> Themes -> Customize
Click to App embeds -> find Globo Color Swatch -> Enable
Enable app embed
5. Result
View product online store
App still not working on product page?
Make sure your current product status is active and you have synced data in the app.
Double check your pricing, if you are on free plan, app will only show first 100 products
If you see it showing in the default language, and not in other languages, please double check if pricing supports multi-language
If it still doesn't work, please contact us, our support will help you solve the problem.
Last updated