For the complete documentation index, see llms.txt. This page is also available as Markdown.

Turn on the app in your theme

Activate the app embed so swatches, product groups and bundles render on your storefront.

The app reaches your storefront through a Shopify app embed — a switch inside the Theme Editor. Until it is on, nothing the app does in the admin shows up for shoppers. Turning it off removes the swatches again and leaves the rest of your theme untouched.

Turn it on

1

Open the app embed from the app

On the app's Home page, click Turn on app embed and click Open theme editor.

If you've dismissed the Setup guide, the Storefront status card takes its place — use the Turn on app embed link there instead.

2

Switch the embed on

The Theme Editor opens with the App embeds panel selected and Globo Color Swatch ready. Turn its toggle on.

Theme Editor App embeds panel with the Globo Color Swatch toggle on
3

Save

Click Save in the Theme Editor. Reload a product page on your storefront to see the swatches.

4

Check the status

It shows Live in Storefront status

Check the status any time

The Storefront status card on the app's Home page shows:

  • App embed — Enabled on your live theme or Not enabled on your live theme, with a link to turn it on or off.

  • Active app blocks — how many of the app's blocks are detected across your theme.

  • Showing on — the page types swatches can appear on: Product page, Collection, Home page, Search.

A badge reads Live when the embed is active, and Off when it isn't.

The status reflects your published theme only. If you're testing on a draft theme, open that theme in the Theme Editor and turn the embed on there as well.

Extra settings on the app embed

The Globo Color Swatch app embed itself has two fields in the Theme Editor:

Setting
What it does

Custom css

Add custom styles to Color Swatch.

Custom js

Add custom js to Color Swatch.

Most stores never need these. For style tweaks, prefer Appearance or Custom CSS in the app, which stay with the app when you change themes.

Try it on a draft theme first

  1. In Shopify admin, go to Online Store → Themes and duplicate your live theme.

  2. Open the duplicate in the Theme Editor, go to App embeds and turn Globo Color Swatch on.

  3. Preview the draft theme and check your product and collection pages before publishing.

Last updated

Was this helpful?