1. OPTIS Color Swatch
2. Compatibility

Supported themes & compatibility

OPTIS Color Swatch is built to work with most Shopify themes out of the box, with no coding required.

How compatibility works

The app detects your theme and applies the right configuration automatically, in three layers:

1. Shopify free themes: full, dedicated support for the latest Horizon theme family and the Dawn / Online Store 2.0 family.
2. Premium themes: 40+ popular paid themes have their own built-in configuration (listed below).
3. Automatic fallback: for any other theme, the app uses smart detection to place swatches correctly. This works for the vast majority of themes even if they are not named here.

Shopify free themes

Full support for Shopify's free themes, including the newest Horizon family:

Horizon family: Horizon · Pitch · Atelier · Fabric · Dwell · Heritage · Ritual · Savor · Tinker · Vessel

Dawn / Online Store 2.0 family: Dawn · Sense · Craft · Spotlight · Refresh · Studio · Ride · Origin · Taste · Publisher · Crave · Colorblock

Premium themes with dedicated support

These popular paid themes have their own built-in configuration:

Beauty · Charge · Concept · Desert · Edge · Editions · Ella · Empire · Enterprise · Envy · Gain · Glozin · Grid · Hello Gorgeous · Impact · Impulse · Kalles · King · Motion · Palo Alto · Peach Melody · Pipeline · Plain Jane · Prestige · Release · Rise · Rokan · Shapes · Showcase · Shrine · Sitar · Sleek · Sofine · Starlite · Stiletto · Symmetry · Trade · Woodmart · Xtra · Yuva · Zendrop

Works with dynamic content

Swatches keep working even when parts of the page are loaded dynamically. The app watches for content changes and re-renders automatically, so it works with:

• Quick view / quick shop popups and drawers
• AJAX collection loading, infinite scroll, and "load more"
• Other apps and theme features that inject products into the page after it loads

No manual setup is needed for these in most cases.

Building a custom integration? See Swatch events & app integration for the JavaScript events and the runScript helper to re-render after your own code updates the page.

If your theme is not listed

Even if your theme is not named above, the automatic fallback usually handles it. If swatches do not appear or look out of place:

• Make sure the app embed is enabled (see Quickstart and Why aren't my swatches showing up on the store?).
• Heavily customized themes may need a small manual adjustment.

Need help with your theme? Contact our support team via live chat or email [email protected]. We offer custom setup and theme integration to make swatches work on your store.

Updated on: 25/09/2026