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:
Shopify free themes: full, dedicated support for the latest Horizon theme family and the Dawn / Online Store 2.0 family.
Premium themes: 40+ popular paid themes have their own built-in configuration (listed below).
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.
Last updated