Rubik Variant Images on FoxEcom Themes: Sleek, Hyper, Zest & Pebble (2026)
FoxEcom is one of those studios that keeps popping up when you browse the Shopify Theme Store. Four themes, all with near-perfect ratings. Sleek has 508 reviews at 100%. Hyper sits at 382 reviews, 99%. And they also build the Foxify page builder, which Rubik Variant Images natively supports. That last part matters more than most merchants realize.
The thing is, every FoxEcom theme ships with the same Shopify limitation: one featured image per variant. A product with 10 color options and 5 photos per color dumps all 50 images into the gallery simultaneously. The customer picks “Midnight Blue” and still scrolls past photos of Coral, Ivory, and Olive. It confuses people. It kills conversions. And it is completely fixable with Rubik Variant Images.
We have dedicated detection code for all four FoxEcom themes plus the Foxify page builder. San Jose, California based FoxEcom takes performance seriously across their entire product line, and their themes tend to have clean, predictable DOM structures. That actually makes our job easier when writing the selectors.
This post walks through each FoxEcom theme, explains how Rubik handles their specific gallery behaviors, and covers the Foxify page builder integration that makes these themes sort of unique in the Shopify ecosystem.
In this post
- Sleek: the highest-rated FoxEcom theme
- Hyper: speed-focused product pages
- Zest: bold and visual
- Pebble: the newest addition
- The Foxify page builder connection
- FoxEcom themes comparison table
- Setup on any FoxEcom theme
- Pairing with Rubik Combined Listings
- FAQ
- Related reading
Sleek: the highest-rated FoxEcom theme
Sleek ($350, 508 reviews, 100% positive) is FoxEcom’s most popular theme. It got to 508 reviews without a single negative one, which is… honestly impressive for any Shopify theme. The product page uses a clean two-column layout with thumbnails along the side or bottom of the main image.
When Rubik detects Sleek, it hooks into the thumbnail strip and the main media container. Selecting a variant hides all non-matching thumbnails and updates the main image. The transition is instant because the data loads from metafields with the page itself, no external API calls.
Sleek’s thumbnail layout has one behavior we had to account for: when thumbnails are in “side” position and the gallery height is determined by the number of thumbnails visible, filtering down from 12 thumbnails to 3 can cause a layout shift. We handle this by recalculating the gallery container height after filtering. Small detail, but it prevents that jarring visual jump.
What you get on Sleek with Rubik:
- Multiple images, videos, and 3D models per variant
- Visual swatches (image thumbnails, color circles, pill buttons) replacing the default picker
- Common images that persist across all variant selections
- Shadow DOM swatch isolation (no CSS conflicts with Sleek’s styles)
Hyper: speed-focused product pages
Hyper ($400, 382 reviews, 99% positive) is positioned as FoxEcom’s performance-first theme. It ships with optimized Lighthouse scores and minimal JavaScript. That makes it popular with merchants who obsess over Core Web Vitals.
Does adding Rubik hurt Hyper’s speed? No. We get this question constantly, and the answer is the same every time. Rubik loads its data from Shopify metafields, which means the variant-to-image mapping ships with the initial page HTML. No external server calls, no additional network requests. The filtering runs client-side with vanilla JavaScript.
Hyper’s product page gallery supports a slideshow mode and a stacked grid. The slideshow is the one merchants use most. Rubik filters the carousel slides and keeps the slide index in sync. If your product has 8 slides for Red and 5 slides for Blue, switching to Blue shows exactly 5 slides with the index resetting to position 1.
One opinion, since we are talking about speed themes: most of the “speed” in premium Shopify themes is marketing. The actual performance difference between Hyper and, say, Dawn is marginal. What actually kills your speed score is unoptimized images and too many apps with external script loads. Rubik does not add external scripts. That is the only speed claim that matters.
Zest: bold and visual
Zest ($330, 209 reviews, 99%) is FoxEcom’s most visually bold theme. It uses larger product images, more whitespace, and a product page layout that gives photography center stage.
Zest renders the product gallery in a way that is slightly different from Sleek and Hyper. The media container wraps images in a different grid structure, and the zoom functionality (hover-to-zoom on desktop, pinch on mobile) integrates with the gallery at a deeper level. Rubik’s detection accounts for this. When we filter images on Zest, the zoom still works correctly on the remaining visible images. Other apps sometimes break the zoom handler because they hide the DOM elements instead of properly removing them from the zoom instance.
Zest also has a “quick view” modal for products in collections. Quick view modals are tricky for variant image apps because the product page JavaScript loads in a different context. Rubik re-initializes when the quick view opens, so filtering works inside the modal too. Not all apps handle this correctly.
Pebble: the newest addition
Pebble ($400, 8 reviews, 100%) is FoxEcom’s newest theme. Only 8 reviews so far, but all positive. It is still early days for Pebble in the Theme Store.
We added Pebble support as soon as it hit the store. The gallery layout follows a similar pattern to Sleek but with some structural differences in how the thumbnail strip is rendered. Rubik detects Pebble and applies the correct selectors automatically.
Because Pebble is new, fewer merchants have customized it heavily, which means fewer edge cases in the wild. If you are one of the early Pebble adopters and run into something unusual with Rubik’s filtering, reach out to our support. We genuinely want to catch any Pebble-specific quirks early.
The Foxify page builder connection
Here is what makes FoxEcom themes unique: the same company builds the Foxify page builder. Foxify is one of the 7 page builders that Rubik Variant Images natively supports (alongside Beae, EComposer, GemPages, Instant, PageFly, and Replo).
Why does that matter? If you are running a FoxEcom theme AND using Foxify to customize your product pages, both layers are supported. The Foxify product page template renders differently from the default theme template, but Rubik handles both. We actually had a merchant contact us after redesigning their product page with Foxify, and the variant filtering stopped working until we adjusted the selectors. That experience pushed us to add dedicated Foxify detection alongside every theme.
So whether your FoxEcom theme product page is the default template or a Foxify-built custom page, Rubik works. That is not always true for other variant image solutions.
FoxEcom themes comparison table
| Feature | Sleek | Hyper | Zest | Pebble |
|---|---|---|---|---|
| Price | $350 | $400 | $330 | $400 |
| Theme Store reviews | 508 (100%) | 382 (99%) | 209 (99%) | 8 (100%) |
| Gallery type | Thumbnails (side/bottom) | Slideshow, stacked | Grid with zoom | Thumbnails |
| Quick view modal | Yes | Yes | Yes | Yes |
| Foxify builder compatible | Yes | Yes | Yes | Yes |
| Rubik filtering | All layouts | All layouts | All layouts | Supported |
| Rubik swatches | Full | Full | Full | Full |
| Video per variant | Yes | Yes | Yes | Yes |
| Shadow DOM | Yes | Yes | Yes | Yes |
How to set up Rubik on any FoxEcom theme
Same process regardless of which FoxEcom theme you are running:
- Install Rubik Variant Images from the Shopify App Store.
- Enable the app embed. Theme Customize, then App Embeds, toggle Rubik on.
- Assign images to variants. Open a product in Rubik’s dashboard. Drag images onto variants, or hit AI auto-assign for one-click matching.
- Pick your swatch style. Image swatches, color circles, or pill buttons. You can mix types per option.
- Preview. Visit the product page, switch variants, and confirm the gallery filters correctly.
For stores with hundreds of products, use bulk assign. It processes products in the background using the Shopify gallery order (no AI needed). For the full documentation, see the getting started guide.
Want to see filtering in action before installing? Check the live demo store.
Pairing with Rubik Combined Listings
Rubik Variant Images handles the product page. It does not touch the collection page. That is by design. Collection page swatches, product grouping, and linking separate products together are all handled by Rubik Combined Listings.
If you want customers to see color swatches directly on FoxEcom collection pages (under each product card), that is RCL’s territory. The two apps complement each other: RCL on collection pages, RVI on product pages. Many merchants running FoxEcom themes use both because the combination covers the entire shopping flow.
But you do not have to use both. If your only problem is “too many images in the product gallery,” Rubik Variant Images alone fixes that. RCL is for stores that also want collection page improvements or need to link separate products together.
“Works exactly as it should without fluff. I had an issue with my store suddenly not working anymore after redesigning my product page using Instant. I contacted Rubik CS about it, and Umid fixed the issue that had me losing my mind for a whole day in literally just a minute. Did not expect them to be so helpful. They definitely deserve their perfect 5 star rating.”
Anonymous merchant, 2025 , Rubik Variant Images on the Shopify App Store
Pricing
Rubik Variant Images pricing is flat, 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
All plans include AI credits for auto-assign. Start free with one product to test on your FoxEcom theme before upgrading.
Frequently asked questions
Does Rubik work with both FoxEcom themes and the Foxify page builder?
Yes. Rubik has dedicated detection for all four FoxEcom themes (Sleek, Hyper, Zest, Pebble) and separate detection for Foxify-built product pages. If you use a FoxEcom theme with a Foxify custom product page, both layers are supported.
Will Rubik slow down Hyper’s performance?
No. Rubik loads variant-to-image data from Shopify metafields, which ship with the initial page HTML. There are no external API calls, no additional network requests. The filtering runs client-side with minimal JavaScript.
Does the zoom feature work on Zest after Rubik filters images?
Yes. Rubik accounts for Zest’s zoom functionality when filtering. The zoom handler is properly updated to work on the remaining visible images. No broken zoom states.
Can Rubik filter images inside quick view modals?
Yes. Rubik re-initializes when a quick view modal opens, so variant image filtering works inside the modal context. This applies to all FoxEcom themes that offer quick view.
Is Pebble fully supported even though it is new?
Yes. We added Pebble support when it launched. The gallery structure follows patterns similar to Sleek, so the detection was straightforward to implement. If you encounter any issues, contact our support for a quick selector check.
Does Rubik show swatches on FoxEcom collection pages?
No. Rubik Variant Images is product page only. For collection page swatches on FoxEcom themes, use Rubik Combined Listings.
How do I assign images to hundreds of products on a FoxEcom theme?
Use bulk assign. It reads the Shopify gallery order and groups images by variant boundaries automatically. Processes hundreds of products in the background. No AI needed (though AI-assisted bulk assign is also available as an opt-in). See AI auto-assign vs bulk assign for the differences.
Related reading
