Rubik Variant Images on Clean Canvas Themes: Symmetry, Canopy, Showcase & More (2026)
Ten themes. One studio. Clean Canvas out of London has been building Shopify themes since 2009, which makes them one of the oldest theme studios in the ecosystem. They power over 100,000 merchants, and their themes sit across nearly every category in the Theme Store: fashion, electronics, food, home decor, B2B. If you have been on Shopify for more than a few years, you have probably used or at least considered a Clean Canvas theme.
The problem is the same across all ten of them. Shopify only assigns one featured image per variant. A product with 8 colors and 5 photos per color shows all 40 photos at once. The customer picks “Charcoal” and still sees Ivory, Rose, Navy, everything. It is a mess, and Clean Canvas cannot fix it because this is a Shopify platform limitation, not a theme limitation.
Rubik Variant Images adds the missing layer. We have detection code for all Clean Canvas themes, including the five major ones (Symmetry, Canopy, Showcase, Enterprise, Alchemy) and the smaller titles in their catalog (Boost, Expression, Masonry, Mode, Beautify). When we tested across 350+ themes, Clean Canvas themes were actually among the most straightforward to support because their codebase is mature and consistent.
This post covers each major Clean Canvas theme individually, then addresses the full catalog, setup, and how to pair Rubik with Rubik Combined Listings for collection page swatches.
In this post
- Symmetry: the flagship
- Canopy: editorial and content-rich
- Showcase: built for large catalogs
- Enterprise: B2B and wholesale
- Alchemy: visual storytelling
- Boost, Expression, Masonry, Mode, Beautify
- Clean Canvas themes comparison table
- Setup on any Clean Canvas theme
- Pairing with Rubik Combined Listings
- FAQ
- Related reading
Symmetry: the flagship
Symmetry ($400, 383 reviews) is the most popular Clean Canvas theme and one of the most established premium themes on Shopify, period. It has been around for years, gone through multiple Online Store 2.0 iterations, and remains a top seller. Fashion stores, home decor brands, lifestyle labels: Symmetry’s customer base is broad.
The product page on Symmetry offers a thumbnail carousel layout and a stacked image layout. Both are supported by Rubik. The thumbnail carousel is the layout we see most in support tickets, and it works the same way as on other carousel-based themes: Rubik filters out non-matching thumbnails and main images simultaneously when the customer picks a variant.
Symmetry has a quirk worth mentioning. It ships with its own basic swatch functionality for colors, letting you set hex values in theme settings. Those built-in swatches do not filter images, though. They only change the selected variant. Rubik replaces them entirely with proper visual swatches (image thumbnails, color circles, pill buttons) that also trigger image filtering. If you have been using Symmetry’s built-in color picker and want to upgrade to actual variant image filtering, that is exactly the switch Rubik handles.
We also wrote a dedicated Symmetry variant images guide if you want the deep dive.
Canopy: editorial and content-rich
Canopy ($400, 165 reviews) is Clean Canvas’s editorial theme. It prioritizes content alongside products, making it popular with brands that tell stories around their products (think artisanal food, craft beverages, design-forward accessories).
Canopy’s product page is interesting because it blends product images with descriptive content blocks. The gallery itself supports a scrollable vertical layout and a slideshow. Rubik handles both. The filtering targets the gallery container specifically, leaving the surrounding editorial content blocks untouched.
One thing we noticed when testing Canopy: the theme’s mobile gallery behavior compresses thumbnails into a horizontally scrollable strip. When Rubik filters images on mobile, the strip updates and the scroll position resets to the first visible thumbnail. Small detail, but it prevents confusion on phones where the customer might be scrolled to the third thumbnail when they switch variants.
Showcase: built for large catalogs
Showcase ($380, 146 reviews) is marketed toward stores with large product catalogs. Electronics retailers, sports equipment shops, stores with dozens of SKUs per product. If you have 15+ variants per product with multiple images each, Showcase was designed for that kind of density.
And ironically, that is also where the default Shopify variant image behavior hurts the most. A product with 15 color variants and 4 images each means 60 images in the gallery. Sixty. Even on a theme built for large catalogs, that is overwhelming. Rubik cuts it down to the 4 images that actually matter for the selected variant.
Showcase supports a grid gallery layout alongside the standard carousel. The grid is what many large-catalog stores prefer because it shows more images at once. Rubik filtering on the grid layout removes non-matching images and re-flows the remaining ones to fill the grid cleanly. No empty gaps, no half-rows.
Enterprise: B2B and wholesale
Enterprise ($400, 102 reviews) targets B2B and wholesale stores. It has features like quick order forms, quantity breaks, and customer-specific pricing display. Not your typical direct-to-consumer theme.
Why does variant image filtering matter for B2B? More than you would think. Wholesale buyers still need to see the correct product photos for the variant they are ordering. A buyer placing an order for 500 units of the “Navy” polo does not want to scroll past lifestyle shots of the red and white versions. Clear product imagery reduces order errors, which in wholesale means real money saved on returns and reshipments.
Enterprise’s product page structure is functional rather than flashy. Clean Canvas kept the gallery relatively simple, which makes Rubik’s filtering injection straightforward. The swatch renderer works the same as on any other theme: Shadow DOM isolation, 100+ CSS variables for styling, and no interference with Enterprise’s B2B-specific UI elements.
Alchemy: visual storytelling
Alchemy ($420, 56 reviews) is the newest of Clean Canvas’s major themes and their most expensive. It leans into visual storytelling with large hero sections, parallax scrolling, and editorial layouts. Alchemy is where Clean Canvas experiments with more modern design patterns.
The product page gallery on Alchemy supports a stacked vertical layout, a carousel with dot indicators, and a full-width immersive mode. Rubik handles all three. The full-width mode is particularly nice with image filtering because it gives each variant’s photos maximum visual impact without competing with images from other variants.
Alchemy has fewer reviews than Symmetry or Canopy because it is newer, but the merchants running it tend to be design-focused brands that care deeply about their product page UX. Those are exactly the stores where variant image filtering makes the biggest visual difference.
Boost, Expression, Masonry, Mode, Beautify
Clean Canvas has five additional themes beyond the big five. They get less attention, fewer reviews, and less marketing, but they are still actively maintained. Here is the quick rundown:
- Boost: A performance-focused theme for stores that prioritize page speed. Simple gallery, easy to filter.
- Expression: Designed for creative brands. Uses bold typography and generous whitespace. Gallery filtering works identically to Canopy.
- Masonry: Uses a Pinterest-style grid for collections. Product page gallery is standard carousel. Fully supported by Rubik.
- Mode: Fashion-oriented with lookbook sections. Product gallery supports vertical scroll and slideshow. Both filtered by Rubik.
- Beautify: Targeted at beauty and cosmetics stores. The gallery layout mirrors Symmetry’s approach. Rubik filters it the same way.
Because these five themes share the Clean Canvas codebase and conventions, the detection patterns are similar. If Rubik works on Symmetry (and it does), it works on Beautify, Mode, and the rest. Same underlying gallery components, same filtering approach.
Clean Canvas themes comparison table
| Theme | Price | Reviews | Gallery types | Rubik support |
|---|---|---|---|---|
| Symmetry | $400 | 383 | Carousel, stacked | Full |
| Canopy | $400 | 165 | Vertical scroll, slideshow | Full |
| Showcase | $380 | 146 | Grid, carousel | Full |
| Enterprise | $400 | 102 | Standard carousel | Full |
| Alchemy | $420 | 56 | Stacked, carousel, full-width | Full |
| Boost | Varies | – | Simple gallery | Full |
| Expression | Varies | – | Vertical scroll | Full |
| Masonry | Varies | – | Carousel | Full |
| Mode | Varies | – | Vertical scroll, slideshow | Full |
| Beautify | Varies | – | Carousel | Full |
Every swatch type (image, color, pill button) works on every Clean Canvas theme. Video per variant, 3D models per variant, common images, Shadow DOM isolation: all of it is supported across the board. The gallery type does not affect which Rubik features are available.
How to set up Rubik on any Clean Canvas theme
The process is identical regardless of which Clean Canvas theme you picked. Takes about five minutes.
- Install Rubik Variant Images from the Shopify App Store.
- Toggle the app embed on. In your Shopify admin, go to Online Store, Customize, then Theme Settings, App Embeds, and enable Rubik.
- Open a product in Rubik. Drag images onto each variant to create the assignment, or click AI auto-assign for one-click matching.
- Choose your swatch style. Image thumbnails for Color, pill buttons for Size, or whatever combination fits your store. Mix types per option.
- Check the product page. Switch variants and confirm the gallery shows only the assigned images.
Running a big catalog? Bulk assign handles hundreds of products in the background by reading the Shopify gallery order. No AI needed for that, just make sure your images are in the right order in Shopify’s media library before running it. Full details in the getting started guide.
See filtering live on the demo store before installing.
If Symmetry’s built-in color swatches are already configured, you can disable them after installing Rubik. Rubik’s swatches replace the picker entirely, and trying to run both simultaneously can cause duplicate swatch rows. Disable the theme’s native color picker in theme settings once Rubik is active.
Pairing with Rubik Combined Listings
Rubik Variant Images is product page only. It does not add swatches to collection pages, and it does not link separate products together. Those are two different problems, and they are handled by Rubik Combined Listings.
Clean Canvas themes display one product card per product in collections. With Rubik Combined Listings, you get color swatches under each product card, so customers can preview other colors without clicking through. And if you have separate products for each color (common when you have hit the Shopify variant limit), RCL groups them as a single combined listing.
The two apps work independently. RVI on the product page, RCL on collections and product groups. But they complement each other well, and stores running Clean Canvas themes with large color-heavy catalogs tend to need both. Especially stores on Symmetry and Showcase, where the catalog size justifies the investment.
“An essential app for anyone with several products with different colour variants. The support from Farid was quick and effective, and he even helped us fix something on our website (unrelated to the Rubik app) that he noticed wasn’t working properly.”
Anonymous merchant, 2025 , Rubik Variant Images on the Shopify App Store
Pricing
Flat pricing, not tied to your Shopify plan:
- Free: $0/month, 1 product
- Starter: $25/month, 100 products
- Advanced: $50/month, 1,000 products
- Premium: $75/month, unlimited products
Every plan includes AI credits. The free plan covers 1 product, which is enough to test on your Clean Canvas theme before you commit to anything. No trial expiration, no credit card at signup. We built it that way on purpose because nothing is more annoying than a 14-day trial countdown on an app you need 20 minutes to evaluate.
Frequently asked questions
Does Rubik support all 10 Clean Canvas themes?
Yes. Rubik has detection code for Symmetry, Canopy, Showcase, Enterprise, Alchemy, Boost, Expression, Masonry, Mode, and Beautify. All gallery layouts across these themes are supported.
Should I disable Symmetry’s built-in color swatches when using Rubik?
Yes. Symmetry has a basic native color picker that only changes the selected variant but does not filter images. Running both simultaneously creates duplicate swatch rows. Disable the theme’s native color settings after enabling Rubik.
Does Rubik work on Enterprise theme’s B2B product pages?
Yes. Rubik filters the product gallery and renders swatches on Enterprise’s product page without interfering with B2B-specific UI elements like quantity breaks, quick order forms, or customer-specific pricing.
Will Clean Canvas theme updates break Rubik?
No. Rubik uses Shopify’s app embed system, not direct theme file edits. Theme updates do not affect the integration. If Clean Canvas changes the DOM structure significantly (rare for a studio this established), we update our detection selectors within days.
Can I use video variants on Alchemy’s full-width gallery mode?
Yes. Rubik supports images, videos, and 3D models per variant across all Alchemy gallery modes, including the full-width immersive layout. Each variant shows only its assigned media.
How does Showcase handle the grid re-flow after filtering?
When Rubik filters images on Showcase’s grid gallery layout, the remaining images re-flow to fill the grid cleanly. No empty gaps, no half-rows. The grid recalculates based on how many images are visible for the selected variant.
Does Rubik show swatches on Clean Canvas collection pages?
No. Rubik Variant Images is product page only. For collection page swatches on any Clean Canvas theme, use Rubik Combined Listings.
Related reading
