Rubik Combined Listings on Maestrooo themes is a pairing that makes a lot of sense when you understand the gap. Maestrooo is a Paris-based theme studio behind five of Shopify’s most well-known premium themes: Prestige, Impact, Focal, Warehouse, and Stretch. Over 80,000 merchants run at least one Maestrooo theme. These are not starter themes. They’re built for stores that take design seriously, stores that need editorial layouts, deep navigation, and performance at scale.
But here’s the thing. None of the five Maestrooo themes ship with a way to group separate products and show swatches on collection cards. Prestige gives you beautiful product page layouts. Impact gives you bold, full-width collection grids. Focal gives you clean, minimal product cards. None of them let you say “these 6 products are actually the same jacket in 6 colors” and render that visually on the collection page.
Some Maestrooo users try the alt-text workaround: put color hex codes in image alt text, and a snippet of Liquid code parses them into swatches. We’ve seen this break on catalogs above 50 products. It doesn’t scale, it’s brittle, and it requires Liquid coding knowledge that most merchants don’t have. Shopify’s native Combined Listings feature is another option, but that requires Shopify Plus ($2,300/month). Rubik Combined Listings fills the gap for the other 99% of merchants.
Table of Contents
- All 5 Maestrooo themes and their audiences
- Why the alt-text workaround doesn’t scale
- Collection swatch placement per theme
- Setup walkthrough
- Prestige deep dive: editorial swatches
- Impact deep dive: bold collection grids
- Pairing with Rubik Variant Images
- FAQ
- Related reading
All 5 Maestrooo themes and their audiences
Maestrooo’s portfolio covers luxury, editorial, minimalist, high-volume, and modern aesthetics. Each theme attracts a different type of store:
| Theme | Price | Best for | Collection card style |
|---|---|---|---|
| Prestige | $380 | Luxury, editorial, fragrance, jewelry | Refined cards, subtle typography |
| Impact | $380 | Bold brands, streetwear, high-energy | Full-width images, dramatic hover |
| Focal | $280 | Minimal, clean, photography-first | Tight grid, whitespace-heavy |
| Warehouse | $300 | Large catalogs, multi-category, wholesale | Dense grid, sidebar filters |
| Stretch | $350 | Modern, dynamic layouts | Flexible card sizes, animated |
Here’s what’s interesting about Maestrooo. They clearly understand that stores need variant-like behavior across products, because Prestige and Impact both support Shopify’s native variant picker with built-in color swatches. But those swatches only work for variants on a single product. The moment you split colors into separate products (which is what you do when you want separate URLs, separate inventory tracking, or you blow past the 100-variant limit), those built-in swatches stop working.
Why the alt-text workaround doesn’t scale
If you search “Shopify color swatches collection page without app” you’ll find blog posts describing the alt-text method. The idea: put a hex code like #FF5733 in your product image alt text, write a Liquid snippet that parses it, and render a colored circle on the collection card.
It works. On 10 products. Maybe 30.
Here’s where it falls apart:
- Alt text is for accessibility. Putting hex codes in alt text is an SEO anti-pattern. Screen readers announce “#FF5733” to visually impaired shoppers. That’s terrible.
- No cross-product linking. Alt-text swatches show colors for a single product’s variants. They don’t link separate products together. The whole point of combined listings is connecting separate products.
- Liquid code maintenance. Every time Maestrooo updates a theme, the Liquid snippet might break. You’re maintaining custom code against a moving target.
- No image swatches. Hex codes give you flat colored circles. If you want a fabric texture, a product thumbnail, or a pattern swatch, you need an actual image swatch system.
RCL replaces all of this with a metafield-based system that doesn’t touch alt text, doesn’t require Liquid code, and supports all four swatch types (visual, button, pill, dropdown). It renders in Shadow DOM, so Maestrooo theme updates never break it. And it links separate products together, which is what merchants actually need.
Collection swatch placement per theme
Each Maestrooo theme has a different card structure, so swatch placement looks slightly different. Here’s where RCL places swatches on each one:
Prestige
Prestige product cards are elegant and minimal. The card structure is: image, then title, then price. RCL injects swatches between the title and price. Because Prestige uses refined typography and generous spacing, swatches blend naturally. Circle swatches at 20-22px are the sweet spot. Anything larger feels out of proportion with Prestige’s editorial restraint.
Prestige also has a hover effect that slightly lifts the card. RCL swatches stay anchored during the hover animation. We specifically tested this because early versions of the Prestige integration had a visual flicker during hover. Fixed that about eight months ago.
Impact
Impact is the opposite of Prestige. Bold, dramatic, full-width images. Impact cards take up a lot of space, and the hover effect is aggressive (image zoom, color overlay). RCL swatches sit below the product title and above the price, staying clear of the hover zone.
For Impact stores with dark backgrounds (common for streetwear brands), set the swatch border color to something that contrasts with the card background. Impact’s design language is loud, so slightly larger swatches (24px) with a visible active state border work better than the subtle approach you’d take with Prestige.
Focal
Focal is Maestrooo’s minimalist offering. Lots of whitespace, clean lines, small type. Swatches on Focal cards need to be small and understated. 16-18px circles with a thin 1px border. Focal’s whitespace is intentional, and oversized swatches would violate the design philosophy. Less is more on Focal.
Warehouse
Warehouse is built for large catalogs with sidebar filters. Think of it as the “Amazon layout” theme: dense grids, lots of products per page, filter by everything. Swatches on Warehouse cards need to be compact because the cards themselves are smaller. 16-18px is the recommendation. The “+N” overflow pill is essential on Warehouse because many products per group means many swatches to show in a tight space.
Warehouse’s sidebar filters work independently of RCL swatches. Shoppers can filter by color through the sidebar AND use swatches on individual cards. Different interaction paths, same destination. Is that redundant? Maybe a little. But we’ve found that shoppers who use filters tend to browse broadly, while shoppers who use card swatches are comparing options for a specific product. Both behaviors are valid.
Stretch
Stretch uses flexible card sizes and animated transitions. Some cards are large, some are small, depending on the collection layout. RCL adapts swatch size and position to each card’s dimensions. On larger Stretch cards, swatches get more room. On compact ones, they tighten up. This is automatic, no per-card configuration needed.
Setup walkthrough
Same setup for all five Maestrooo themes. RCL doesn’t inject theme-specific code. It uses Shopify’s OS 2.0 app embed system, which every Maestrooo theme supports.
Three things to do, five minutes total:
- Install Rubik Combined Listings from the Shopify App Store. Free plan gives you 5 groups to test.
- Enable the app embed. Shopify admin, Online Store, Customize your Maestrooo theme, open App embeds, toggle Rubik Combined Listings on. Save.
- Create a product group. Select 2+ products, set the option name (Color, Material, Size), assign values. RCL stores this as a metafield reference. Done.
For stores with hundreds of products, skip manual grouping entirely. RCL’s bulk grouping reads your product titles and auto-detects groups. If your naming follows a pattern like “Product Name – Color” or “Product Name | Variant”, bulk grouping will find the groups for you. Title pattern detection, tag-based grouping, and metafield matching are all available.
After grouping, open a collection page. Swatches should appear on each grouped product card. If something looks off, the visual settings editor has 19 presets (8 for product cards) and 104 CSS variables for fine-tuning.
Prestige deep dive: editorial swatches
Prestige is the theme we get the most questions about, probably because it attracts store owners who care deeply about visual consistency. They chose Prestige because every pixel matters, and they don’t want swatches that look “added on.”
Fair concern. Here’s how to make RCL swatches look native on Prestige.
Prestige’s design language is editorial: thin lines, muted colors, generous padding. Match that:
- Shape: Circle
- Size: 20px
- Border: 1px, matching your Prestige card border color
- Active state: 2px border in your brand accent color
- Gap between swatches: 6px
- Overflow: “+3 more” text, not a row of tiny circles
The result looks like Prestige shipped with swatches built in. Which is what you want. Nobody should be able to tell the difference between native theme elements and RCL-injected swatches. That’s the whole point of Shadow DOM isolation: the swatches exist in their own CSS scope, but you style them to match the host theme.
Impact deep dive: bold collection grids
Impact stores are a different animal. Streetwear, sneakers, limited drops. The energy is high. Colors are loud. The collection page is a battleground for attention.
On Impact, RCL swatches serve a different purpose than on Prestige. It’s not about editorial refinement. It’s about showing the shopper all available colorways at once without making them click through to each product page. Streetwear drops move fast. If a shopper can’t see that the hoodie comes in Black, Cement, and Olive from the collection grid, they might buy only one color when they would have grabbed two.
Impact settings that work well: circle swatches at 24px, 2px active border in a high-contrast color (white works if the background is dark), and carousel overflow mode if groups have more than 6 colors. Impact cards are wide enough to support carousel scrolling without visual clutter.
And one more thing that kinda bothers me about Impact specifically. Impact has a “quick add” button on hover, but no color selection within that quick-add flow. So a shopper can quick-add to cart from the collection page, but only the default variant of the default product. RCL’s swatches let shoppers switch between colors before they hit that quick-add button. It’s a gap in Impact’s UX that Maestrooo hasn’t addressed, and RCL patches it.
Pairing with Rubik Variant Images
RCL groups separate products and adds swatches to collection cards and product pages. But it doesn’t filter the product page image gallery when a shopper selects a variant within a single product. That’s a different job, and it belongs to Rubik Variant Images.
Picture this flow on a Maestrooo Prestige store: a shopper browses the collection, sees swatches on a product card (RCL), clicks “Navy” to preview the navy version, then clicks the card to visit the Navy product page. On the product page, the Navy product has variants for S, M, L, XL. When the shopper picks “M”, RVI filters the gallery to show only the Navy M-specific photos (maybe a size chart, a fit photo, a detail shot). Two apps, two layers, zero conflict between them.
We tested this dual-app stack across all five Maestrooo themes. Both apps render in Shadow DOM, both use metafields, and neither injects scripts that interfere with the other. RVI starts free for 1 product.
“I use Rubik Combined Listings Along with Rubik Swatch. I went through, no exaggerating, 50 apps before I found what I needed. Theses guys are the real deal, and they will jump on chat and fix your problems ASAP. Definately reccomend.”
Parks Nerd, US, March 2026 , Rubik Combined Listings on the Shopify App Store
Out-of-stock handling across Maestrooo themes
What happens when one color in a group sells out? RCL handles this with real-time sync via Shopify metaobject references. If “Silk Blouse Ivory” goes out of stock, its swatch on the collection card either dims (with a strikethrough line) or hides entirely, depending on your settings. If the product gets archived or set to draft, the swatch disappears automatically. No manual cleanup.
This matters for Warehouse stores especially. Large catalogs have products cycling in and out of stock constantly. Manually removing swatches for out-of-stock items? That’s a full-time job nobody signed up for. RCL’s out-of-stock handling runs in real time, synced through Shopify’s own data layer.
Multilingual Maestrooo stores
Maestrooo is a French studio, and a lot of their user base runs multilingual stores targeting the European market. RCL supports translations through Shopify’s Translate & Adapt app. Group labels, option names, and option values can all be translated. If your Prestige store serves French and English shoppers, the swatch label can show “Couleur” in French and “Color” in English. Same group, localized experience.
For deeper SEO strategy around multilingual product grouping, check the international SEO guide for combined listings.
See the live demo store, watch the product grouping tutorial, or read the getting started docs.
Frequently asked questions
Does RCL work on all 5 Maestrooo themes?
Yes. Rubik Combined Listings has verified support for Prestige, Impact, Focal, Warehouse, and Stretch. All five are OS 2.0 themes with standard app embed support.
Is the alt-text swatch method better than using RCL?
No. The alt-text method only works for single-product variants, requires Liquid coding, breaks accessibility for screen readers, and doesn’t scale beyond small catalogs. RCL connects separate products (true combined listings), requires no code, and scales to 5,000 groups.
Do I need Shopify Plus to use RCL on Maestrooo themes?
No. RCL works on Basic, Shopify, Advanced, and Plus plans. Shopify’s own native combined listings feature is Plus-only, but RCL is not.
Will RCL swatches interfere with Prestige’s built-in variant picker?
No. Prestige’s variant picker handles variants within a single product (like sizes). RCL handles cross-product grouping (like colors across separate products). They serve different purposes and RCL’s Shadow DOM rendering prevents CSS conflicts.
Can I translate swatch labels for multilingual Maestrooo stores?
Yes. RCL integrates with Shopify’s Translate & Adapt app. Group labels, option names, and option values are all translatable. Your French shoppers see “Couleur: Rouge” while English shoppers see “Color: Red.”
How much does RCL cost?
Free for 5 groups, Starter $10/month for 100 groups, Advanced $30/month for 500, Premium $50/month for 5,000. Annual billing saves 17%. All features available on every plan.
Does RCL slow down Maestrooo themes?
No. RCL is metafield-based with no external API calls. Swatch data loads with the page itself. No third-party servers, no render-blocking scripts, no speed penalty.
