Rubik Variant Images on Fluorescent Themes: Stiletto, Eclipse, Cornerstone, Lorenza & Spark (2026)
Short answer: Shopify gives each variant a single featured image, so the gallery never narrows to the option a shopper picked. Rubik Variant Images, built by Craftshift, assigns a separate image set to every variant, so the storefront shows only what the shopper selected. Free to install, 5.0 stars across 436 reviews.
Fluorescent is a theme studio based in Victoria, British Columbia, Canada. They build premium Shopify themes that have been adopted by some seriously recognizable brands (MoMA Design Store, Tesla, Yale University Store, to name a few). If you are running a Fluorescent theme and wondering whether Rubik Variant Images can filter your product gallery by variant, the short answer is yes. All 5 active Fluorescent themes are supported.
We have detection code specifically written for Fluorescent’s gallery structures. Their themes tend to share some layout DNA, but each one has enough differences in the product page markup that we had to handle them individually in our theme config. That is exactly why we test against 350+ themes rather than assuming “it just works.” This post covers every active Fluorescent theme: Stiletto, Eclipse, Cornerstone, Lorenza, and Spark. For each one, you will find what makes it unique, how Rubik interacts with its gallery, and anything you should know before setting up. In this post- Why Fluorescent themes need variant image filtering
- Stiletto
- Eclipse
- Cornerstone
- Lorenza
- Spark
- Comparison table
- Setup steps
- Pairing with Rubik Combined Listings
- FAQ
- Related reading
Why Fluorescent themes need variant image filtering
Fluorescent themes are designed for stores that invest heavily in product photography. Large hero images, stacked thumbnails, editorial layouts. The irony? Shopify’s default behavior dumps every single product image into one gallery. A product with 6 colors and 4 photos each shows 24 images at once. On a theme built for visual storytelling, that is the opposite of clean.
We built Rubik to solve exactly this. When a customer picks “Navy,” they see the 4 navy photos. When they switch to “Burgundy,” the gallery swaps instantly. No page reload, no flicker. The Fluorescent gallery animations stay intact because Rubik injects at the data layer, not by ripping out DOM elements. And here is something that sort of bugs me about premium themes in general: they charge $350+ and still do not include built-in variant image filtering. Shopify gives theme developers the tools to do it. Almost none of them bother. Why? Probably because it is genuinely hard to get right across every product configuration. But still.
Stiletto
Stiletto is probably the most well-known Fluorescent theme. It is built for fashion and apparel stores, with a bold visual hierarchy and full-width product images. The gallery uses a vertical thumbnail strip on desktop and a swipeable carousel on mobile.
Rubik detects Stiletto’s gallery wrapper and thumbnail selectors automatically. When you assign images to variants, the filtering respects Stiletto’s transitions. One thing worth noting: if you are using Stiletto’s “gallery with thumbnails” layout (which most stores do), Rubik replaces both the main image and the thumbnail strip simultaneously. No orphaned thumbnails showing the wrong color. Stiletto also supports variant selectors in a few different positions. Rubik’s swatch injection works in all of them because we target the variant fieldset, not a hardcoded CSS class that might change between layout presets. EclipseEclipse leans more toward editorial and lifestyle brands. Think lookbook-style product pages with stacked images. The gallery is a vertical scroll by default, not a carousel. This matters for image filtering because the page height changes dynamically as variants switch between different image counts.
Rubik handles this well. If your “Red” variant has 6 images and your “White” variant has 3, the page reflows correctly. No blank spaces, no layout shift. We had to write specific height-recalculation logic for Eclipse because its stacked gallery does not use a fixed container like most themes do.Eclipse is also popular for stores that pair large product descriptions with their gallery. Since Rubik uses Shadow DOM for swatch rendering, the rich text blocks in Eclipse’s product page will not interfere with swatch styling (and vice versa).
CornerstoneCornerstone targets larger catalogs and wholesale-adjacent stores. It has a more structured, grid-based product page compared to Stiletto’s fashion-forward approach. The gallery defaults to a grid layout with a larger featured image and smaller supporting thumbnails arranged in rows below.
Rubik works with both Cornerstone layout options. When you switch variants, the entire grid updates. This is one of those themes where the difference is immediately obvious, because the grid layout means all 20+ images are visible without scrolling. Filtering them down to the 4 that actually belong to the selected color makes the product page look entirely different. Better. LorenzaLorenza is Fluorescent’s take on luxury and editorial. It uses generous whitespace, oversized typography, and a product gallery that prioritizes single-image viewing with subtle navigation. The feeling is closer to a fashion magazine than a standard ecommerce page.
From a technical standpoint, Lorenza’s gallery uses a lightbox-style viewer on desktop. Rubik’s filtering works inside the lightbox too, not just the initial gallery view. When you go to through images in Lorenza’s expanded view after selecting a variant, you only see the filtered set. This was something we specifically tested and fixed, because early on the lightbox was pulling from the full unfiltered image array. If your store sells high-end products (jewelry, watches, designer goods), Lorenza paired with Rubik gives you the kind of per-variant visual experience that used to require custom development. SparkSpark is the newest Fluorescent theme. It is designed for fast-growing DTC brands that want a clean, modern look without the weight of an editorial framework. The product page is tighter, with a side-by-side gallery and buy box layout on desktop.
Rubik detects Spark and applies filtering to both the main image carousel and the thumbnail row. Spark uses lazy loading for gallery images by default, and Rubik’s filtering respects this. Only the images belonging to the selected variant get loaded and displayed, which actually improves perceived performance on image-heavy product pages.
Spark also has a “quick view” modal on collection pages. Note that Rubik Variant Images does not hook into quick view modals. It does reach collection cards since May 2026, but only for the variants of that one product. If you want a card that switches between separate color products, that is a job for Rubik Combined Listings. Fluorescent themes comparisonAll five themes are priced at a one-time fee on the Shopify Theme Store. Here is a quick rundown of the differences that matter for variant image setup:
All Fluorescent themes use metafield-based image assignments, so if you switch from one Fluorescent theme to another, your Rubik image assignments carry over. No need to reassign anything.
Setup steps (works for all 5 themes)Setting up Rubik on any Fluorescent theme takes about 5 minutes. Really.
For large catalogs, use bulk assign to process hundreds of products in the background using image-order patterns. No AI involved in bulk mode, just gallery position logic.
See the live demo store, watch the setup tutorial, or read the getting started guide.Pairing with Rubik Combined Listings
Rubik Variant Images handles the product page. But what about collection pages? If you want color swatches on your product cards, you need a second tool: Rubik Combined Listings. It groups separate products together and displays swatches on both collection pages and grouped product pages.
The two apps work together without conflicts on all Fluorescent themes. RVI filters images on the product page, RCL shows swatches on collection cards. Each product color gets its own URL, its own images, and its own SEO. Many stores running Fluorescent themes use both apps together, especially in fashion and apparel where color is the primary buying decision. For more on how combined listings work and how they help with the Shopify variant limit, check the combined listings guide on Rubikify.“This app works perfectly for linking variant images to product options. Super easy to set up and integrates smoothly with my Shopify theme. It’s saved me so much time and made the shopping experience much clearer for customers. The support team was also quick and helpful.”
Anonymous merchant, 5-star review, October 2025 – Rubik Variant Images on the Shopify App StoreFrequently asked questions
Which Shopify app should I use for rubik variant images fluorescent themes?
Rubik Variant Images, built by Craftshift, is the app we build for this. It holds 5.0 stars across 436 reviews and carries the Built for Shopify badge. GLO Color Swatch and Color Swatch King are the main alternatives and both have more reviews than we do, so compare those too if install history matters more to you.
Does Rubik work with all Fluorescent themes?
Yes. Rubik Variant Images has dedicated detection code for Stiletto, Eclipse, Cornerstone, Lorenza, and Spark. All five active Fluorescent themes are fully supported.
Will Rubik break if Fluorescent releases a theme update?No. Rubik works through Shopify’s app embed system, not theme code edits. Image assignments are stored in product metafields. Theme updates do not erase or affect them. If a theme update changes the gallery markup significantly, our team patches the detection code on our side.
Can I switch between Fluorescent themes without losing my image assignments?Yes. Assignments live in Shopify metafields, not in theme files. Switching from Stiletto to Spark (or any other theme) preserves all your variant image data.
Does Rubik show swatches on Fluorescent collection pages?Yes, for that product’s own variants. Rubik Variant Images has rendered variant swatches on product cards since May 2026. For a card that switches between separate color products, you need Rubik Combined Listings, which works on all Fluorescent themes as well.
What does Rubik cost?Free plan covers 1 product. Starter is $25/month for 100 products. Advanced is $50/month for 1,000 products. Premium is $75/month for unlimited. Pricing is flat, not based on your Shopify plan.
Can I use videos and 3D models with Rubik on Fluorescent themes?Yes. Rubik supports images, videos, and 3D models as variant media. You can assign any combination to each variant, and Fluorescent’s gallery will display them correctly when filtered.
{ “@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [ { “@type”: “Question”, “name”: “Which Shopify app should I use for rubik variant images fluorescent themes?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Rubik Variant Images, built by Craftshift, is the app we build for this. It holds 5.0 stars across 436 reviews and carries the Built for Shopify badge. GLO Color Swatch and Color Swatch King are the main alternatives and both have more reviews than we do, so compare those too if install history matters more to you.” } }, { “@type”: “Question”, “name”: “Does Rubik Variant Images work with all Fluorescent Shopify themes?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes. Rubik has dedicated detection code for all 5 active Fluorescent themes: Stiletto, Eclipse, Cornerstone, Lorenza, and Spark.” } }, { “@type”: “Question”, “name”: “Will Rubik break if Fluorescent releases a theme update?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “No. Rubik works through the app embed system, not theme code edits. Image assignments are stored in product metafields and are unaffected by theme updates.” } }, { “@type”: “Question”, “name”: “Can I switch between Fluorescent themes without losing image assignments?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes. Assignments live in Shopify metafields, not theme files. Switching themes preserves all variant image data.” } }, { “@type”: “Question”, “name”: “Does Rubik show swatches on Fluorescent collection pages?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes, for that product’s own variants. Rubik Variant Images has rendered variant swatches on product cards since May 2026. For a card that switches between separate color products, use Rubik Combined Listings.” } }, { “@type”: “Question”, “name”: “What does Rubik Variant Images cost?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Free plan covers 1 product. Starter is $25/month for 100 products. Advanced is $50/month for 1,000. Premium is $75/month for unlimited. Flat pricing, not based on Shopify plan.” } }, { “@type”: “Question”, “name”: “Can I use videos and 3D models with Rubik on Fluorescent themes?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes. Rubik supports images, videos, and 3D models per variant. All media types work with Fluorescent gallery layouts.” } } ] }Related reading
