Rubik Combined Listings on Fuel Themes: Reformation, Pinnacle, Vision & More (2026)

Rubik Combined Listings on Fuel Themes: Reformation, Pinnacle, Vision & More (2026)

Fuel Themes ships seven active themes on the Shopify Theme Store, with a combined review count north of 570 and approval ratings that rarely dip below 89%. That kind of consistency across seven different themes is rare. Most studios have one hit and four fillers. Fuel Themes doesn’t seem to work that way. Reformation (253 reviews, 93% positive), Vision (142 reviews, 89%), Habitat (62 reviews, 97%), Pinnacle (36, 89%), Distinctive (36, 92%), North (28, 86%), Ascension (15, 93%). Every one of these runs Rubik Combined Listings cleanly. No Shopify Plus, no code edits, no design compromises.

This is the longest theme-studio guide in our series so far because there are seven themes to cover (Archetype had four, Maestrooo had three). We tested every preset across all seven, and honestly? Fuel Themes builds very consistent internals. The variant section DOM structure is nearly identical theme to theme, which means Rubik’s app block slots in the same way every time. That’s good news for merchants who own multiple Fuel themes or switch between them.

Below: per-theme breakdowns, a comparison table, setup steps, and the pairing story with Rubik Variant Images.

In this guide

About Fuel Themes

Fuel Themes is a Shopify Partner studio based in Istanbul, Turkey. They build premium Online Store 2.0 themes with a shared design DNA: EU translations (English, French, Italian, German, Spanish), right-to-left language support, color swatches, mega menus, image zoom, lookbooks, countdown timers, and performance-optimized code. Their seven active themes on the Shopify Theme Store span price points from $280 to $430, covering fashion, jewelry, electronics, food and drink, and home goods verticals.

What stands out about Fuel Themes as a studio? Consistency. Their themes share enough internal architecture that testing one makes testing the next faster. We’ve verified all seven against Rubik Combined Listings and the app block placement is predictable across the entire lineup. That’s not always true with multi-theme studios. Some studios build each theme from scratch and every one has quirks. Fuel Themes clearly reuses structural patterns, which benefits both merchants and app developers.

Reformation + Rubik Combined Listings

Reformation is Fuel Themes’ flagship. $430, 253 reviews (93% positive), version 12.0.0 (April 2026). Ships with 5 presets: Reformation, Reinvent, Sunshine, Instance, and Glamour. Target verticals: clothing, jewelry and accessories, food and drink. This is the theme you pick when you want 30 custom sections and conversion-oriented features baked in from the start. Video slideshow, native video support, age verification, quantity pricing. It’s packed.

Where Rubik renders on Reformation: The product page variant section is where the app block slots in, below the product title and option selectors. On collection grids, swatches appear under the product card image. Reformation’s product cards are generously spaced for fashion photography, so medium color circles (28px) or image swatches fit naturally. The “Standard” or “Minimal Circles” preset from Rubik’s 19 built-in options works well here. Rubik renders inside a Shadow DOM, completely isolated from Reformation’s theme CSS, so the lookbook sections, promotional popups, and countdown timers don’t interfere with swatch rendering.

Real use case. A clothing brand sells the same jacket in 7 colorways (Black, Navy, Olive, Burgundy, Cream, Charcoal, Tan) as separate products because each color has different vendor pricing and separate photoshoot assets. Rubik groups them with image swatches showing the actual fabric texture. On Reformation’s collection grid, one card with 7 fabric dots. On the product page, the customer clicks Olive, the page reloads with Olive-specific photography and the correct price. Reformation’s promotional popup can still fire, the countdown timer keeps ticking, and the age verification modal stays functional. None of it conflicts with the swatch row because Shadow DOM isolation keeps them in separate rendering layers.

Rubik Combined Listings rich customization with visual swatches and CSS variables

Vision + Rubik Combined Listings

Vision is Fuel’s second most popular theme. $430, 142 reviews (89% positive), version 14.0.0 (April 2026). Ships with 5 presets: Vision, Onyx, Poochy, Velocite, and Solstice. Target verticals: jewelry and accessories, food and drink, electronics. Vision’s marketing pitch leans on AI-optimized conversion templates and 36+ custom sections. Whether that “AI optimization” means anything concrete is debatable, but the theme itself is solid. 36 sections is a lot of layout flexibility.

Where Rubik renders on Vision: Same placement as Reformation: product page variant section and collection card area. Vision’s Onyx preset has a dark-mode aesthetic that pairs well with Rubik’s “Dark Minimal” or “Premium Pill” presets. The Poochy preset (clearly aimed at pet stores) and Velocite (sportswear vibes) work best with small compact swatches, 24px. Why? Because these presets emphasize product photography over UI chrome, so small swatches keep the visual hierarchy focused on the product images.

Real use case. An electronics brand sells phone cases in 10 colors and 3 materials (silicone, leather, carbon fiber), each combination as a separate product with unique photography. That’s 30 products for one phone model. Rubik’s bulk grouping with title pattern detection creates the group in one pass (“iPhone 16 Case” as the shared prefix). Vision’s dense collection grid shows one card per phone model with 30 tiny material/color dots. On the product page, the customer sees the swatch row, picks “Carbon Fiber, Red”, and the page loads that specific product with its 3D product shots and carbon fiber close-ups.

Pinnacle + Rubik Combined Listings

Pinnacle is the sales acceleration theme. $430, 36 reviews (89% positive), version 9.0.0 (March 2026). Ships with 5 presets: Pinnacle, Bastion, Pawmart, Patissiere, and Everleaf. Target verticals: jewelry and accessories, food and drink, home decor. Pinnacle’s recent v9.0.0 update added an OverlayManager system, AJAX-powered collection tabs, and new locale support (Hindi, Japanese, Brazilian Portuguese). That last one matters for international stores pairing Rubik’s Translate & Adapt integration with Pinnacle’s locale files.

Where Rubik renders on Pinnacle: Variant section on the PDP, collection card image area. Pinnacle’s Patissiere preset (bakery/food vertical) uses warmer tones and rounded corners, so Rubik’s “Rounded” or “Premium Pill” preset matches nicely. The Bastion preset (home goods, darker tones) works with the “Dark Minimal” preset. Pinnacle’s slide-out cart works independently of the swatch row: customer picks a color via Rubik, then the slide-out cart captures the add-to-cart action without any DOM conflicts.

Real use case. A bakery brand sells cookie gift boxes in 6 seasonal flavors (Spring Bloom, Summer Citrus, Autumn Spice, Winter Mint, Birthday, Anniversary) as separate products because each box has different pricing and availability windows. Rubik groups them with image swatches showing the box lid design. On Pinnacle’s Patissiere preset, the warm color palette frames the cookie photography beautifully, and the swatch row sits naturally in the variant area. Customer taps “Autumn Spice”, sees the fall-themed packaging photos, price updates to reflect the seasonal pricing.

Habitat + Rubik Combined Listings

Habitat has the highest approval rating in the Fuel Themes lineup. $360, 62 reviews (97% positive), version 11.0.0 (April 2026). 97%. That’s remarkable for a $360 theme. Ships with 5 presets: Habitat, Merino, Veloce, Pebl, and Strukt. Target verticals: jewelry and accessories, food and drink, home goods. Habitat’s positioning is “the natural environment for your products”, 30+ custom sections, quick view functionality, and conversion-focused layout options.

Where Rubik renders on Habitat: Product page variant section and collection cards. Habitat’s quick view feature is worth noting here. When a customer clicks quick view on a collection card, the product details load in a modal overlay. Rubik’s swatch row renders inside the full product page, not inside the quick view modal. So the typical flow is: customer sees swatch dots on the collection card, clicks a color, lands on that product’s full page where Rubik’s complete swatch row is visible. On the full product page, “Standard” preset with medium circles (28px) matches Habitat’s clean, organic aesthetic.

Real use case. A home goods brand sells ceramic vases in 5 glaze finishes (Matte White, Glossy Black, Terracotta, Sage Green, Ocean Blue) as separate products. Each glaze has different production costs and lead times. Rubik groups them with color swatches matching the actual glaze hex values. Habitat’s organic, natural design language fits home goods perfectly. On the collection grid, each vase shows 5 glaze dots. On the product page, the customer clicks Terracotta, and the page loads with terracotta-specific lifestyle photos showing the vase in a rustic kitchen setting.

Distinctive + Rubik Combined Listings

Distinctive is Fuel’s luxury-focused offering. $360, 36 reviews (92% positive), version 5.0.0 (April 2026). Ships with 4 presets: Distinctive, Playstyle, Monark, and Lineage. Target verticals: jewelry and accessories, food and drink, clothing. The design language screams high-end: color-changing headers, scroll-based animations, and unique product layouts that prioritize editorial presentation over catalog density. Think luxury jewelry brands, designer fashion labels, artisan food brands.

Where Rubik renders on Distinctive: Product page variant section and collection cards. Distinctive’s scroll-based animations are similar to what we tested with Archetype’s Motion theme. Rubik’s Shadow DOM rendering stays completely isolated from the animation layer. The swatch row doesn’t trigger scroll events and scroll animations don’t bleed into the Shadow DOM. For Distinctive specifically, use the “Premium Pill” or “Editorial” preset with slightly larger swatches (32px) to match the luxurious spacing Distinctive uses throughout its layouts.

Real use case. A luxury watch brand sells the same timepiece in 4 strap options (black leather, brown alligator, stainless steel bracelet, NATO canvas) as separate products with different price points. Distinctive’s editorial product layout gives each strap its own hero photography section. Rubik adds the swatch row with image swatches showing close-up strap textures. The customer browses the collection, sees 4 strap dots on the card, clicks “Brown Alligator”, and Distinctive’s scroll animations reveal the alligator strap detail shots as the customer scrolls down the product page.

North + Rubik Combined Listings

North is the most affordable Fuel theme. $280, 28 reviews (86% positive), version 9.0.0 (April 2026). Ships with 5 presets: North, Greige, Primrose, Juice, and Pagefold. Target verticals: jewelry and accessories, food and drink, clothing. North’s pitch is “create a web presence you’re proud of”, which is vague, but the feature set is surprisingly complete for a $280 theme. Gift wrapping, before/after sliders, quick view, product badges, stock counter. All the conversion tools you’d expect from a $400+ theme, at a lower price.

Where Rubik renders on North: Same variant section placement, collection card area. North’s Greige preset (warm neutral tones) pairs well with Rubik’s “Standard” or “Rounded” preset. The Juice preset (bold, colorful, clearly aimed at beverage brands) works with pill-shaped swatches that match the energetic design language. For North specifically, we’d recommend medium swatches (24px to 28px) across all presets. North’s product cards have moderate spacing, not as generous as Reformation but not as dense as Vision.

Real use case. A small jewelry brand on a budget picks North at $280 (saving $150 compared to Reformation). They sell earrings in Sterling Silver, Gold Plated, and Rose Gold as separate products. Simple. Three products, one group. Rubik’s free plan covers it (5 groups included). Total cost for the combined listings feature: $0. The swatch row with 3 metal-colored circles sits in North’s variant section, customer clicks Gold Plated, page reloads with gold-toned lifestyle photography.

Ascension + Rubik Combined Listings

Ascension is Fuel’s newest and most luxury-positioned theme. $400, 15 reviews (93% positive), version 6.0.0 (April 2026). Ships with 3 presets: Ascension, Aeroform, and Opus. Target verticals: jewelry and accessories, food and drink, clothing. Ascension’s design brief is “crafted for luxury and refined brand presence”, with 5 dynamic product page layouts, pre-built sales and landing page templates, and aggressive speed and SEO optimization. Only 15 reviews so far (it’s newer), but 93% positive is a strong start.

Where Rubik renders on Ascension: Product page variant section and collection cards. Ascension’s 5 dynamic product page layouts mean the variant section position can shift depending on which layout the merchant picks. Rubik’s app block adapts because it renders inline wherever it’s placed in the theme editor, not at a hardcoded DOM position. Use “Premium Pill” or “Editorial” preset for Ascension’s luxury aesthetic. Larger swatches (32px) with generous padding match the generous spacing Ascension uses throughout.

Real use case. A high-end skincare brand sells a serum in 4 formulations (Hydrating, Brightening, Anti-Aging, Sensitive) as separate products because each formulation has different active ingredients, different pricing, and different regulatory labels. Ascension’s luxury layout gives each formulation the editorial treatment it deserves. Rubik groups them with labeled button swatches (not color circles, because the formulations aren’t color-differentiated). Customer clicks “Brightening”, the page loads with that formulation’s ingredient photography and $89 price point.

Per-theme comparison: Rubik Combined Listings on Fuel Themes

Fuel themePricePresetsReviewsRatingBest Rubik presetSwatch sizeBest for
Reformation$4305 (Reformation, Reinvent, Sunshine, Instance, Glamour)25393%Standard / Minimal Circles28pxFashion, jewelry, food
Vision$4305 (Vision, Onyx, Poochy, Velocite, Solstice)14289%Dark Minimal / Premium Pill24pxElectronics, jewelry, food
Pinnacle$4305 (Pinnacle, Bastion, Pawmart, Patissiere, Everleaf)3689%Rounded / Premium Pill28pxHome decor, food, jewelry
Habitat$3605 (Habitat, Merino, Veloce, Pebl, Strukt)6297%Standard28pxHome goods, jewelry, food
Distinctive$3604 (Distinctive, Playstyle, Monark, Lineage)3692%Premium Pill / Editorial32pxLuxury jewelry, fashion
North$2805 (North, Greige, Primrose, Juice, Pagefold)2886%Standard / Rounded24-28pxBudget stores, jewelry
Ascension$4003 (Ascension, Aeroform, Opus)1593%Premium Pill / Editorial32pxLuxury, skincare, fashion

All seven are Online Store 2.0 themes that support theme app blocks. All include EU translations, color swatches, mega menus, and image zoom as native features. Rubik Combined Listings works identically on every one because the app block placement is standardized across OS 2.0 themes. Pick the theme for your vertical and budget. The combined listings layer is theme-agnostic.

Setup walkthrough on any Fuel theme

Identical across all seven. No Fuel-specific install steps required.

  1. Install Rubik Combined Listings. Free plan covers 5 product groups. Starter is $10/month for 100 groups, Advanced $30 for 500, Premium $50 for 5,000.
  2. Add the app block to your Fuel theme. Open the Shopify theme editor, go to a product page template, find the Rubik Combined Listings app block, drag it into the variant section. Repeat for the collection template if you want swatches on product cards. Same process on Reformation, Vision, Pinnacle, Habitat, Distinctive, North, or Ascension.
  3. Create a group and style it. Select products, assign option values, set swatch colors or images. AI Magic Fill auto-detects colors from product images. Pick a visual preset from the comparison table above, or fine-tune with 104 CSS variables and the AI Visual Assistant.

For large catalogs, bulk grouping saves hours. Three detection methods: title pattern matching, product tags, or metafield grouping. Plan your strategy with our free Shopify variant calculator, then verify swatch colors against your Fuel theme’s palette using the color contrast checker.

Why doesn’t this require any theme-specific steps? Because Rubik renders in a Shadow DOM. The swatches exist in their own isolated CSS environment. Fuel Themes’ styling (their countdown timers, mega menus, scroll animations, lookbook sections) can’t bleed into the swatch component, and the swatch component can’t break the theme. That’s the whole point. We tested across 350+ themes and this architecture is what makes per-theme compatibility a non-issue.

Pairing with Rubik Variant Images

A lot of Fuel Themes users also run Rubik Variant Images for product page variant image filtering. The two apps do different things and don’t overlap. Here’s how they work together on a Fuel theme store:

Rubik Combined Listings groups separate products with swatches on collection cards and PDPs. Customer clicks a color swatch on the collection page, lands on that color’s product page. Inside that product page, Rubik Variant Images filters the gallery so the customer only sees images for the selected size or style variant. Two apps, one clean product page, zero conflicts. Both render in isolated Shadow DOMs, so neither interferes with Fuel’s scroll animations, countdown timers, or video slideshows.

Is it worth running both? If you have products with multiple option types (color AND size AND material), yes. Combined Listings handles the cross-product linking (separate colors as separate products). Variant Images handles the within-product filtering (showing only the relevant photos per size). Together, they give a customer experience that most stores can’t match without Shopify Plus and custom development. And both start free.

Rubik Combined Listings group products as variants with beautiful swatches

“This is by far the best variant app I have tried, I deleted maybe 7 others after a slew of issues. Wonderful support as well!”

5-star reviewer, February 2026, Rubik Variant Images on the Shopify App Store

Ready to set it up

See the live Rubik Combined Listings demo store, watch the setup tutorial, or read the getting started guide.

Frequently asked questions

Does Rubik Combined Listings work on all 7 Fuel themes?

Yes. Reformation, Vision, Pinnacle, Habitat, Distinctive, North, and Ascension are all Online Store 2.0 themes that accept theme app blocks. Rubik drops in the same way on every one. We’ve tested every preset across the entire lineup. If something doesn’t render right on a specific preset, our support team fixes the selectors via chat, same-day.

Do I need Shopify Plus to use combined listings on Fuel themes?

No. Shopify’s native Combined Listings feature requires Plus ($2,300+/month). Rubik Combined Listings gives you the same visual grouping (separate products displayed as variants with swatches) on Basic, Shopify, or Advanced plans. Free plan covers 5 groups, paid plans start at $10/month for 100 groups.

Will Rubik conflict with Fuel Themes’ native color swatches?

No. Fuel’s native swatches display variants within a single product (the Color option picker). Rubik’s swatches link separate products together as a visual group. Different DOM regions, different rendering pipelines. Both coexist without interference. On the same product page, the Fuel theme handles the size picker while Rubik handles the cross-product color picker.

Which Fuel theme is best for a fashion brand with many colorways?

Reformation. It has the most reviews (253), the most presets (5), 30 custom sections, video slideshow support, and lookbook features built for fashion merchandising. If your brand identity leans luxury, consider Distinctive or Ascension instead. For budget-conscious stores, North at $280 gets you 90% of the same features at 35% less cost.

Can I customize swatch styling to match my Fuel theme?

Yes. Rubik exposes 104 CSS variables and supports custom CSS per group. The 19 built-in presets cover most aesthetics (Standard, Minimal Circles, Premium Pill, Dark Minimal, Editorial, Compact, Rounded, and more). The AI Visual Assistant lets you adjust border radius, swatch size, hover effects, spacing, and colors with plain-language requests like “make swatches bigger” or “pill-shaped buttons”. Style each product group differently if needed.

Co-Founder at Craftshift