FoxEcom builds some of the most feature-packed themes on the Shopify Theme Store, and Rubik Combined Listings works on every single one of them. Minimog, Sleek, Hyper, Zest, Pebble. Five themes, one app, zero code edits. If you picked a FoxEcom theme because you wanted design flexibility, you are going to appreciate that Rubik adds collection page swatches and product grouping without undoing any of the customization work you already did.
Here is the thing about FoxEcom themes. They already ship with more built-in features than most competitors. Mega menus, countdown timers, quick-add drawers, layered navigation. But none of them ship with a way to group separate products together and display swatches on collection cards. That requires either Shopify Plus (starts at $2,300/month) or an app like Rubik Combined Listings (starts at $0/month).
We have tested RCL extensively on all five FoxEcom themes. The Shadow DOM rendering that Rubik uses means our swatch CSS never collides with FoxEcom’s own styling, even on themes like Minimog that apply heavy custom CSS to product cards. Why is that important? Because other combined listings apps inject raw CSS that can break your card layout. We saw this pattern in support enough times to build isolation directly into the rendering engine.
Table of contents
- Why FoxEcom merchants need combined listings
- Minimog
- Sleek
- Hyper
- Zest
- Pebble
- FoxEcom theme comparison table
- Setup on any FoxEcom theme
- Collection page swatches
- Pairing with Rubik Variant Images
- FAQ
Why FoxEcom merchants need combined listings
FoxEcom themes attract merchants who want premium design without hiring a developer. The templates are polished, the settings panels are deep, and the out-of-box experience is genuinely good. But every FoxEcom theme shares the same Shopify-level constraint: if you split your colors into separate products for SEO, the collection page treats them as unrelated items.
Picture a store running Minimog with 40 products, each available in 5 colors. That is 200 tiles on the collection page with no visual grouping. Shoppers scroll and scroll and scroll, trying to figure out which cards are the same product in different colors. This is bad UX. It looks messy on a theme that is supposed to look premium.
Combined listings solve this by grouping those separate products together and rendering color swatches on each card. Suddenly 200 chaotic tiles become 40 organized cards, each with a row of 5 color dots. The collection page goes from overwhelming to shoppable. That is what merchants pay for when they buy a premium theme, and it is frustrating that Shopify locks it behind Plus.
Rubik Combined Listings works on every Shopify plan. No Plus required. And it does not interfere with any of the FoxEcom-specific features like mega menus, quick-add, or layered filters.
Minimog
Minimog is FoxEcom’s flagship and probably their most widely used theme. It ships with an enormous settings panel, multiple collection layout options (grid, list, masonry), and built-in quick-view functionality. Stores running Minimog tend to have larger catalogs because the theme handles scale well.
RCL works cleanly on Minimog. The swatch row appears below the product card title by default, and the Shadow DOM keeps our styles from clashing with Minimog’s custom card CSS (which can be quite opinionated). If you use Minimog’s built-in color swatch option for native variants, RCL’s collection swatches for grouped products sit alongside them without conflict.
One thing worth knowing: Minimog has its own AJAX cart drawer. When a shopper taps a grouped product swatch on the collection page, the card image updates and the link redirects to the target product. The AJAX cart does not interfere because RCL handles navigation, not add-to-cart actions, at the collection card level.
Sleek
Sleek is the minimalist option in FoxEcom’s lineup. Thinner cards, tighter spacing, less visual decoration. Merchants who pick Sleek usually sell a smaller, curated product line where each item needs to speak for itself through photography.
That minimalism actually makes Sleek a great host for combined listings. The swatch row adds information without cluttering the card. On Sleek, we recommend using the smaller swatch size preset and circle shapes to match the theme’s understated aesthetic. The 19 built-in presets include several options designed for exactly this kind of minimal theme.
Sleek’s narrow card width means the overflow indicator (“+3 more”) kicks in earlier than on wider themes. If your products come in 10 colors, you will probably see 5 or 6 on the card with an overflow pill for the rest. This is fine. Actually, it kinda looks better than cramming 10 tiny dots into a narrow space.
Hyper
Hyper (theme ID 3247) is the high-energy, conversion-focused FoxEcom theme. It ships with prominent sale badges, urgency indicators, and a layout designed to push shoppers toward quick purchase decisions. Think flash sale stores, trending product shops, and seasonal campaigns.
RCL on Hyper adds another conversion lever. Instead of the shopper seeing the same product repeated in 5 colors across the collection grid, they see one card per product family with swatches. This reduces visual noise and makes the collection page feel intentional rather than repetitive. For a theme built around urgency and quick decisions, removing unnecessary clicks is the right move.
Hyper’s sale badge system stays intact when RCL is running. Swatches sit below the badge, not over it. Each product in a group retains its own pricing, so if one color is on sale, the sale badge and compare-at price still show correctly when that swatch is selected.
Zest
Zest targets food, beverage, and wellness stores. It has rounded design elements, warm typography, and layouts optimized for products that benefit from lifestyle photography. If you sell tea in 12 flavors or skincare in 8 formulations, Zest’s product card design highlights product imagery first.
Combined listings on Zest work the same as on other FoxEcom themes. The swatch row integrates below the product title. For food and beverage stores, the swatches usually represent flavor or scent rather than color, so image-type swatches (showing a small product thumbnail) can work better than solid color dots. RCL supports both: visual (image) swatches, button labels, pill text, and dropdown menus.
Zest’s rounded card corners do not affect swatch rendering. Shadow DOM isolation means RCL’s swatch container has its own border-radius settings independent of the card’s styling.
Pebble
Pebble is the most recently released FoxEcom theme and leans into a soft, approachable aesthetic. Rounded elements everywhere, gentle shadows, and a warm default color palette. It works well for baby products, accessories, and lifestyle brands where the vibe matters as much as the product photos.
RCL on Pebble is straightforward. Same app embed toggle, same swatch injection, same Shadow DOM isolation. One thing we noticed during testing: Pebble’s default card spacing is generous enough that the swatch row never feels cramped, even with 8 or 9 swatches visible. If you want rounded swatches to match Pebble’s design language, the “rounded square” shape preset is a natural fit.
FoxEcom theme comparison table
| Theme | Style | RCL support | Best swatch type | Ideal for |
|---|---|---|---|---|
| Minimog | Feature-rich, multi-layout | Full | Color or image | Large catalogs, fashion, general retail |
| Sleek | Minimal, clean | Full | Small circles | Curated brands, boutiques |
| Hyper | Bold, conversion-focused | Full | Color or button | Flash sales, trending products |
| Zest | Warm, lifestyle | Full | Image thumbnails | Food, beverage, wellness |
| Pebble | Soft, rounded | Full | Rounded squares | Baby, lifestyle, accessories |
All five themes: metafield-based rendering, no external API calls, full Shadow DOM CSS isolation, 104 CSS variables available, 19 style presets, separate desktop and mobile settings.
Setup on any FoxEcom theme
Same process for all five FoxEcom themes. Takes about ten minutes to get your first group live.
1. Install Rubik Combined Listings
Head to the Shopify App Store listing and install. The Free plan gives you 5 groups to test everything before committing to a paid plan.
2. Toggle the app embed
Go to to Online Store, Themes, Customize your FoxEcom theme. In the left panel, click App embeds and flip the Rubik Combined Listings toggle on. Hit Save. Done. This single toggle activates swatches across all collection pages, search results, and home page product grids.
3. Build your first group
Open the RCL admin and go to Groups. Create a new group and add the products that belong together. Three ways to do this:
- Manual selection: Pick products from the resource picker. Quick for small batches.
- Bulk grouping: Let Rubik detect groups by title pattern, tags, or metafield values. Read the bulk grouping guide for the full walkthrough.
- AI Magic Fill: After products are in a group, use the AI wand to auto-fill option labels and swatch hex colors from product images and titles.
4. Customize swatch appearance
Go to Visual Settings in the RCL admin. Choose from 19 presets or build your own. Set independent styles for four contexts: product page desktop, product page mobile, product card desktop, product card mobile. Match the swatch shape and border to your FoxEcom theme’s design language.
If you want to go beyond presets, 104 CSS variables let you customize every detail. Or use the AI Visual Assistant and just type “make swatches bigger” or “pill-shaped buttons with rounded corners.” It translates natural language into settings changes.
5. Verify on storefront
Open a collection page. Swatches should appear on every grouped product card. Tap a swatch, watch the card image update, then click through to confirm the linked product loads correctly. Check mobile too.
Collection page swatches
Collection page swatches are the main reason most FoxEcom merchants install Rubik Combined Listings. Without them, a collection page full of color-separated products feels chaotic. With them, it feels organized.
On FoxEcom themes, RCL injects swatches into the product card component. The exact position varies slightly by theme (Minimog has a wider card, Sleek has a narrower one), but the app adapts automatically. You do not need to specify which FoxEcom theme you are running. The app embed detects the card structure and places swatches in the correct location.
Swatch types available on FoxEcom themes: visual (image) swatches showing a product thumbnail, solid color dots, button-style text labels, pill-shaped text, and dropdown menus. Most fashion stores use color dots. Most food and beverage stores prefer image thumbnails because flavor is not a color. Most furniture stores use text buttons (“Oak,” “Walnut,” “Cherry”).
Need more detail on swatch display configuration? The collection page swatch display guide covers every option.
Pairing with Rubik Variant Images
RCL groups separate products and adds swatches to collection pages and product pages. But what about filtering the product page image gallery when a customer picks a variant within a single product? That is a different problem, and it requires a different tool.
Rubik Variant Images handles product page image filtering. When a customer selects “Size: Large” on a product page, RVI shows only the photos assigned to the Large variant. No scrolling past irrelevant images.
The two apps were built to run side by side. RCL handles the cross-product navigation (switching between “Blue Jacket” and “Red Jacket” as separate products). RVI handles the within-product filtering (showing only front/back/detail shots for the selected size). Together, they cover the entire shopping flow from collection browse to product page to cart.
Both apps work on all FoxEcom themes. Both use Shadow DOM. No conflicts between them or with the theme. We tested this combination on Minimog, Sleek, Hyper, Zest, and Pebble. For more on how the two apps work together, check the complete variant images guide on Craftshift.
“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
See the live demo store, watch the setup video, or read the getting started documentation.
FAQ
Does Rubik Combined Listings work with Minimog? Yes. Minimog by FoxEcom is fully supported. Install the app, toggle the app embed, and collection page swatches appear automatically.
What about Sleek, Hyper, Zest, and Pebble? All supported. Every FoxEcom theme uses Shopify’s app embed architecture, which RCL relies on. Same setup process across the board.
Will RCL conflict with Minimog’s built-in swatch feature? No. Minimog’s native swatches apply to Shopify variants within a single product. RCL’s swatches connect separate products. They serve different purposes and do not overlap.
Do I need to edit FoxEcom theme code? No. Everything runs through the app embed toggle. Zero Liquid edits. Safe to update your FoxEcom theme at any time without breaking RCL.
Does this slow down FoxEcom collection pages? No. RCL is metafield-based with no external API calls. It loads with the page, not from a separate server.
How much does it cost? Free plan: $0/month for 5 groups. Starter: $10/month for 100 groups. Advanced: $30/month for 500 groups. Premium: $50/month for 5,000 groups. Annual billing saves 17%. No Shopify Plus required.
Can I use both Rubik apps on a FoxEcom theme? Yes. Rubik Combined Listings and Rubik Variant Images are designed to work together. RCL for product grouping and collection swatches. RVI for product page image filtering. No conflicts on any FoxEcom theme.
Comments are closed.