Fluorescent Design builds themes that look like they belong in a gallery. Stiletto for luxury fashion. Eclipse for sports and activewear. Cornerstone for home goods with sprawling catalogs. Lorenza for boutique retail. Spark for lean startups. Five active themes on the Shopify Theme Store, all running Online Store 2.0, all compatible with Rubik Combined Listings out of the box. No Plus subscription needed. No Liquid edits. Just toggle the app embed and your collection pages grow swatches under every grouped product card.
We built Rubik Combined Listings to work with 350+ themes, but Fluorescent themes deserve a dedicated walkthrough because their editorial design choices affect where swatches sit, how card spacing behaves, and which of the 19 built-in style presets actually complements each theme’s visual language. This post covers all five.
If you also need product page variant image filtering (showing only the red jacket photos when someone selects red), that is handled by Rubik Variant Images, the sibling app. More on pairing the two later.
In this guide
- Stiletto + collection swatches
- Eclipse + collection swatches
- Cornerstone + collection swatches
- Lorenza + collection swatches
- Spark + collection swatches
- Quick comparison table
- Setup walkthrough (all Fluorescent themes)
- Pairing with Rubik Variant Images
- FAQ
Stiletto + collection swatches
Stiletto ($380, 5 presets: Stiletto, Luster, Linen, Glimmer, Tapestry) is the theme luxury fashion brands gravitate toward. Product cards are wide, photography driven, and the spacing is generous. That generous spacing is actually perfect for swatch rows because there is room between the product image and the price block for a clean line of color circles without cramping.
Which RCL preset works best? Start with Minimal Circle. Stiletto’s aesthetic is intentionally quiet, so small circle swatches with a thin 1px border blend in without competing with the product photography. If your brand leans bolder, try the Outlined Square preset and bump the swatch size up one notch in the visual editor.
One thing we noticed during testing: Stiletto uses a sticky header on scroll that can overlap the top of collection grids on smaller viewports. RCL swatches render inside the product card container, so they stay below the header. No conflict there.
Eclipse + collection swatches
Eclipse ($380, 4 presets: Eclipse, Midnight, Daybreak, Sunrise) targets sports and performance brands. Dark backgrounds, bold typography, high contrast cards. If you are grouping separate product colors (say, five colorways of the same running shoe), Eclipse’s dark card backgrounds make color swatches pop visually.
Best preset for Eclipse: Filled Circle with the active border set to white or a high-contrast accent. On dark themes, the default subtle grey border becomes invisible. We get this support question a lot, actually. Just switch the active border color in the visual settings editor and the swatches become clear instantly.
Eclipse also supports a “product card hover zoom” feature. RCL swatches sit below the image, so the hover zoom does not overlap or hide the swatch row. We tested this specifically because another app in this space had that exact bug on Eclipse. Ours does not.
Cornerstone + collection swatches
Cornerstone ($380, 4 presets: Cornerstone, Heritage, Craft, Foundation) is built for large catalogs. Home goods, furniture, multi-category retailers. The collection grid supports both 3-column and 4-column layouts, and RCL adapts swatch sizing to whichever column count you pick.
Why does Cornerstone pair well with combined listings? Because stores on Cornerstone tend to have sprawling product families. A sofa in 12 fabrics, a lamp in 4 finishes. Without grouping, your collection page shows 12 sofa tiles that look almost identical. With RCL, it collapses to one card with a row of fabric swatches. The collection page goes from 48 tiles to 4, and shoppers actually find what they want.
Recommended preset: Pill Button. Cornerstone’s typography is slightly more utilitarian than Stiletto’s, so text-based pills (“Oak,” “Walnut,” “Mahogany”) work better than abstract color circles for material or finish grouping. You can mix swatch types per group, though. Color groups get circles, material groups get pills.
Lorenza + collection swatches
Lorenza ($320, 3 presets: Lorenza, Vittoria, Rinascimento) is the boutique pick. Elegant serif headings, editorial layouts, and a product card style that favors tall portrait images. Lorenza’s portrait ratio means the swatch row sits further down the card, which is fine for desktop but worth checking on mobile.
On mobile, Lorenza stacks cards in a single column by default. RCL’s mobile-specific settings let you shrink swatch size independently from desktop, so you can run 28px circles on desktop and 22px on mobile without touching any code.
Best preset: Minimal Circle or Image Swatch. If your products have distinct textures (leather, suede, canvas), image swatches showing actual product crops look incredible on Lorenza. We designed the image swatch preset specifically for fashion and boutique stores like the ones Lorenza attracts.
Spark + collection swatches
Spark ($280, 4 presets: Spark, Ember, Ignite, Glow) is the entry point for emerging brands. Lower price, leaner feature set, but still full Online Store 2.0 support. Spark’s product cards are compact with tighter spacing than Stiletto or Eclipse.
Because the cards are compact, the swatch row needs to be smaller. Use the Compact Circle preset and keep the gap between swatches at 4px instead of the default 6px. This fits 5 or 6 swatches in the card width without wrapping to a second line. If a group has more colors than fit, the “+3 more” overflow pill keeps things tidy.
Spark is also where we see a lot of merchants on the Free plan. Five groups on the free tier is enough to test whether swatches make sense for your catalog before committing to the Starter plan at $10/month.
Quick comparison table
All five Fluorescent themes side by side with RCL setup details:
| Theme | Price | Presets | Best RCL preset | Card layout | Notes |
|---|---|---|---|---|---|
| Stiletto | $380 | 5 | Minimal Circle | Wide, photo-first | Generous card spacing, great for fashion |
| Eclipse | $380 | 4 | Filled Circle | Dark, high contrast | Set active border to white on dark presets |
| Cornerstone | $380 | 4 | Pill Button | 3 or 4 column grid | Best for large catalogs with material options |
| Lorenza | $320 | 3 | Image Swatch | Tall portrait cards | Reduce swatch size on mobile |
| Spark | $280 | 4 | Compact Circle | Compact, tight spacing | Keep swatch gap at 4px |
Setup walkthrough (all Fluorescent themes)
The installation process is identical across all five Fluorescent themes. Ten minutes from install to live swatches on your collection page.
1. Install from the App Store
Install Rubik Combined Listings. The Free plan covers 5 groups with all features unlocked.
2. Enable the app embed
Go to Online Store, Themes, Customize. Open your Fluorescent theme. Click the App embeds icon in the left sidebar and toggle Rubik Combined Listings on. This loads the swatch renderer on every page that outputs product cards.
3. Create a product group
In the RCL admin, go to Groups and click New Group. You can group manually (pick the products), use bulk grouping by title pattern or tags, or let AI auto-grouping detect product families for you. For a first test, manual is fastest.
4. Configure swatch appearance
Pick a preset from the 19 built-in options, then adjust swatch shape, size, border, and spacing in the visual editor. RCL gives you separate settings for desktop product cards, mobile product cards, desktop product page, and mobile product page. Fluorescent themes have different card widths per preset, so check both your desktop and mobile views.
5. Save and verify
Open any collection page. You should see swatches under each grouped card. Click one and the card image, price, and title update to the selected product. RCL renders inside a Shadow DOM container, so your Fluorescent theme CSS cannot accidentally override swatch styles, and swatch CSS cannot leak into your theme.
Pairing with Rubik Variant Images
Rubik Combined Listings handles the collection page and the grouped product page swatches. But what about the product page gallery? When someone clicks a swatch and lands on the “Navy” product, they might see all 15 product photos instead of just the 4 Navy shots.
That is where Rubik Variant Images comes in. It filters the product page gallery to show only the images assigned to the selected variant. The two apps were built to work together. RCL handles grouping and collection swatches, RVI handles product page image filtering and product page swatches.
For stores on Fluorescent themes, this pairing is especially useful because Stiletto, Eclipse, and Lorenza all feature large product page galleries where visual clutter from unrelated variant photos hurts the editorial feel these themes are designed around.
“Was having difficulties with 5 other apps before I found this one that worked perfectly on the first try. Great for grouping products together, very easy to use. Thank you developers, and thank you Zulf for your assistance.”
BELSKI, Australia, March 2026 – Rubik Combined Listings on the Shopify App Store
Pricing
RCL pricing is flat, not based on your Shopify plan. Every plan includes all features, the only difference is group count and AI credits:
| Plan | Monthly | Product groups | AI credits/mo |
|---|---|---|---|
| Free | $0 | 5 | 100 |
| Starter | $10 | 100 | 1,000 |
| Advanced | $30 | 500 | 5,000 |
| Premium | $50 | 5,000 | 50,000 |
Annual billing saves 17%. Most Fluorescent theme stores land on Starter or Advanced, depending on catalog depth.
See the live demo store, watch the tutorial video, or read the getting started guide.
FAQ
Does Rubik Combined Listings work with all Fluorescent themes? Yes. Stiletto, Eclipse, Cornerstone, Lorenza, and Spark are all verified and supported. The app uses the Online Store 2.0 app embed system, which all five themes support.
Do I need to edit any Fluorescent theme code? No. RCL installs via app embed, which is completely separate from your theme’s Liquid files. You can update your Fluorescent theme freely without breaking RCL.
Will swatches slow down my Fluorescent theme collection pages? No. RCL is metafield-based, no external API calls. Swatch data loads with the page itself.
Which preset works best for dark Fluorescent themes like Eclipse? Filled Circle with a white or high-contrast active border. The default grey border is hard to see on dark backgrounds.
Can I use different swatch styles per group? Yes. Each group has independent visual settings. You can run color circles for apparel groups and pill buttons for material groups on the same store.
Do I need Shopify Plus? No. RCL works on every Shopify plan including Basic. That is the whole point of the app.
What is the difference between RCL and Rubik Variant Images? RCL groups separate products and adds collection page swatches. RVI filters product page images per variant. They solve different problems and work together. Read the complete variant images guide for more on RVI.
Comments are closed.