Rubik Combined Listings on Groupthought Themes: Pipeline & Story (2026)

April 17, 2026
Shopify Tips
15 min read
Rubik Combined Listings on Groupthought Themes: Pipeline & Story (2026)

Groupthought is one of those Shopify theme studios that punches way above its headcount. Two themes. Both premium. Both sitting at 90%+ positive approval on the Shopify Theme Store. Pipeline alone has 208 reviews and a 98% positive rating, which puts it in rare company among premium themes at the $360 price point. Story follows with 95% positive across 21 reviews. Both built by a small team out of Whistler, BC, Canada. And both run Rubik Combined Listings cleanly, no Shopify Plus required, no theme code edits, no swatch collisions with the theme’s native variant picker.

This post covers how Rubik Combined Listings integrates with both active Groupthought themes, where the swatches render on product pages and collection grids, which of the 19 built-in visual presets match each theme’s design language, and the practical difference between Groupthought’s native swatch support and what Rubik adds on top. If you’re running Pipeline or Story and you need to link separate products together as color swatches (without paying for Plus), this is your setup guide.

Fun detail that most merchants miss: Groupthought’s own website at groupthought.com literally runs on Pipeline. They eat their own cooking. That’s not common among theme studios, and it tells you something about the codebase quality they trust enough to use internally.

In this guide

About Groupthought

Groupthought is a design agency based in Whistler, British Columbia, Canada. They specialize in Shopify themes, advanced e-commerce websites, and custom software. Their Shopify Theme Store profile lists two active themes: Pipeline and Story. Both are premium, both are Online Store 2.0 compatible, and both target clothing, jewelry, and food and drink verticals.

What makes Groupthought interesting from our perspective as app developers? Their themes are opinionated about design. Pipeline is described as “a fashionable, feature-rich theme designed for luxury brands” with 40+ customizable sections and OS 3.0 nested blocks support. Story focuses on brand storytelling and customer trust. Neither theme is trying to be everything for everyone, and that specificity means the themes ship with tight CSS and intentional layout choices. Apps that inject sloppy HTML into Groupthought themes tend to break things. That’s precisely why Rubik’s Shadow DOM isolation matters here.

Both themes support the standard Shopify variant picker, color swatches, image zoom, quick buy, and all the expected OS 2.0 features. Pipeline is the heavier hitter in terms of features and merchant adoption. Story is the lighter, brand-focused alternative at a lower price. Between them, they cover the “premium boutique” segment of the Shopify theme market pretty thoroughly.

Why Rubik Combined Listings on Groupthought themes

Three reasons this pairing makes sense for Groupthought merchants specifically:

  1. Premium themes attract premium catalogs. At $280 to $360, Groupthought themes attract merchants who care about presentation. These stores often sell the same product in multiple colorways as separate Shopify products (for SEO, inventory tracking, or photography reasons). But without a way to visually group those products, collection pages become repetitive walls of the same item in slightly different colors. Rubik Combined Listings groups them with swatches, so one card represents all colorways.
  2. Shadow DOM prevents design collisions. Groupthought themes have specific visual identities. Pipeline’s luxury-forward typography and spacing don’t survive apps that inject raw CSS into the page. Story’s brand-storytelling sections lose coherence when foreign stylesheets override padding and margins. Rubik renders in an isolated Shadow DOM with its own scoped styles, so the theme’s design language stays intact. We tested this across both themes and every preset. Zero CSS leakage.
  3. No Shopify Plus needed. Shopify’s native Combined Listings feature requires Shopify Plus (starting at $2,300/month). Most Groupthought merchants are on Basic, Shopify, or Advanced plans. Rubik gives them the same grouped-product swatch experience for $0 to $50/month, depending on how many product groups they need.

Pipeline + Rubik Combined Listings

Pipeline is Groupthought’s flagship theme and one of the higher-rated premium themes on the entire Shopify Theme Store. $360, 208 reviews, 98% positive rating, version 8.1.1 (last updated December 2025). Ships with 4 presets: Pipeline, Petra, Pahoa, and Phantom. Target verticals: clothing, jewelry, and food and drink.

Pipeline positions itself as a fashion-forward, feature-rich theme for luxury and boutique brands. The 40+ customizable sections and OS 3.0 nested blocks support give merchants granular layout control. This is the kind of theme where typography and whitespace are deliberate design choices, not afterthoughts. Product pages give images generous breathing room, and collection grids are built for curated browsing rather than high-density catalog scrolling.

Where Rubik Combined Listings renders on Pipeline: Inside the product variant section on the product page, and below the product card image on collection grids. Pipeline’s product cards lean toward generous image space with elegant typography underneath, so medium-sized swatches (28px color circles or image dots) integrate naturally. Use the “Standard” or “Minimal Circles” preset from Rubik’s 19 built-in options. The “Premium Pill” preset also pairs well with Pipeline’s luxury aesthetic if you prefer labeled swatches over colored dots.

Why does Pipeline’s 98% approval rating matter for combined listings specifically? Because it means the theme’s product page layout is stable and well-tested. Apps that depend on consistent DOM structure (like Rubik) benefit from themes that don’t break things with every update. Pipeline’s v8.1.1 is a bug-fix release, not a layout overhaul. That stability matters.

Preset-specific notes. Petra uses darker backgrounds and inverted text colors, so lighter swatch borders or higher-contrast hover states help readability. Pahoa has a warmer, earth-toned palette where natural color swatches (browns, greens, terracotta) blend naturally into the design. Phantom goes full dark mode, and Rubik’s 104 CSS variables let you match swatch borders, backgrounds, and selected-state indicators to Phantom’s dark UI without touching theme code.

Real use case. A luxury handbag brand sells the same clutch in Ivory, Black, Champagne, and Forest Green as separate products. Each color has its own product page with editorial photography tailored to that colorway. On Pipeline’s collection grid, one card shows the clutch with 4 small swatch dots below the image. The customer taps Champagne, lands on the Champagne-specific product page with Pipeline’s generous image layout showing the editorial shots. Back on the collection grid, the customer immediately sees every colorway without scrolling past 4 nearly identical product cards. That’s the conversion win. Fewer duplicate cards, more browsing efficiency.

Story + Rubik Combined Listings

Story is Groupthought’s second theme and the more affordable option. $280, 21 reviews, 95% positive rating, version 5.1.0 (last updated October 2025). Ships with 4 presets: Story, Spade, Solace, and Shale. Target verticals: clothing, jewelry, food and drink.

Here’s something genuinely worth noting about Story. The October 2025 update (v5.1.0) specifically “adds support for high-variant products and combined listings.” That’s straight from the Shopify Theme Store update notes. Groupthought built combined listing awareness directly into Story’s codebase, which means the theme already expects grouped-product data in the DOM. Rubik slots into that expectation cleanly.

Story’s design philosophy is different from Pipeline’s. Where Pipeline targets luxury and fashion-forward aesthetics, Story focuses on growing your brand and building customer trust. Think founder stories, brand origin sections, customer testimonials baked into the layout, editorial blog integration. It’s the theme for brands where the story behind the product matters as much as the product itself. Artisan food brands, handmade jewelry makers, independent clothing labels. That audience.

Where Rubik Combined Listings renders on Story: Same two positions: inside the product variant area on the PDP, and underneath product cards on collection grids. Story’s product cards are clean and readable with slightly less visual density than Pipeline, so standard-sized swatches (24px to 28px) work well. Use the “Standard” or “Compact” preset. On Story’s more editorial-style collection layouts, smaller swatches prevent visual clutter. The product page has room for a full swatch row with labels if you want to show color names alongside the dots.

Preset-specific notes. Spade has a minimal black-and-white aesthetic where monochrome swatches look sharp. Solace runs warmer and earthier (think craft and artisan brands) where color swatches in natural tones blend into the design. Shale leans industrial and modern with cooler grays, so metallic or muted-color swatches match well. Adjust via the 104 CSS variables or let the AI Visual Assistant handle it. Tell it “match swatches to a cool gray palette with thin borders” and it generates the right settings.

Real use case. An artisan soap company sells each scent as a separate product (Lavender, Cedar, Citrus, Eucalyptus, Honey Oat) because each one has its own ingredient list, its own photography, and its own brand story. Story’s editorial sections display the “maker’s process” for each scent on the product page. Rubik groups all 5 scents with image swatches showing the actual soap color. On the collection grid, one card with 5 tiny dots instead of 5 separate product cards taking up the entire viewport. Customer clicks Cedar, lands on the Cedar product page with Story’s brand-storytelling layout intact. The combined listings swatch row sits above the add-to-cart button, exactly where it should be.

Rubik Combined Listings rich customization with visual swatches, buttons, and dropdowns

Per-theme comparison: where Rubik Combined Listings fits

Groupthought themePricePresetsReviewsRatingVersionBest Rubik presetSwatch sizeBest for
Pipeline$3604 (Pipeline, Petra, Pahoa, Phantom)20898%8.1.1Standard / Minimal CirclesMedium (28px)Luxury fashion, jewelry, boutique
Story$2804 (Story, Spade, Solace, Shale)2195%5.1.0Standard / CompactStandard (24-28px)Brand storytelling, artisan, food

Both themes are Online Store 2.0 compatible. Both accept theme app blocks. Both target the same general verticals (clothing, jewelry, food). The main difference: Pipeline is the feature-heavy flagship at $360 with 98% positive ratings and strong merchant adoption. Story is the brand-focused alternative at $280 with native combined listings support baked into its v5.1.0 update. Rubik works identically on both.

Setup walkthrough on any Groupthought theme

Identical across both themes. No Groupthought-specific install steps. If you’ve set up Rubik Combined Listings on any other OS 2.0 theme, you already know the drill.

  1. Install Rubik Combined Listings. Free plan covers 5 product groups. No credit card required.
  2. Add the app block to your Groupthought theme. Open the Shopify theme editor, go to a product page template, find the Rubik Combined Listings app block, and drag it into the variant section. Repeat for the collection page template if you want swatches on product cards.
  3. Create a product group. Pick the products you want to link, assign option values (like color names), and set swatch colors or upload swatch images. AI Magic Fill auto-detects colors from product images if you don’t want to pick hex values manually.
  4. Pick visual settings. Choose a preset from the comparison table above. Tweak with the AI Visual Assistant (“make swatches 32px with a 2px border”) or dig into the 104 CSS variables directly. The live preview shows exactly how swatches will look on your Groupthought theme before publishing.
  5. Publish. Swatches appear immediately. Real-time sync via Shopify metaobject references handles out-of-stock, archived, and draft products automatically. No background jobs, no stale data.

For stores with 50+ products that need grouping, skip the manual approach. Use bulk grouping with title pattern detection, product tags, or metafield matching. Plan your grouping strategy with the free Shopify variant calculator, then verify swatch colors against your Groupthought theme’s palette using the color contrast checker.

Pairing with Rubik Variant Images

Combined listings and variant images solve different problems. A lot of merchants confuse the two, and honestly that’s fair because the names sound similar. But they do completely different things on Groupthought themes (or any theme).

Rubik Variant Images works inside a single product page. It filters the product gallery so only the images matching the selected variant are visible. Customer selects “Blue” from the size/color picker, and the gallery hides all the Red, Green, and Yellow photos. Product page only.

Rubik Combined Listings links separate products together as a visual group. Different products, different URLs, different inventory, but connected by swatches on collection pages and product pages. The swatch click navigates to a different product page entirely.

Full stack on a Pipeline store: Rubik Combined Listings groups 6 color products with swatches on collection cards and PDPs. Inside each product, Rubik Variant Images filters the gallery so the customer sees only that color’s photos when they pick a size. Two apps, one clean product page, no overlap. Both render in isolated Shadow DOMs, so neither conflicts with Pipeline’s luxury typography, spacing, or hover states.

We built both apps to work together deliberately. The swatch events fire independently (Rubik Variant Images dispatches rubik-swatch-clicked with 4 properties; Rubik Combined Listings dispatches rcl_swatch_clicked with 19 properties). No collision, no event listener conflicts.

Rubik Combined Listings group products as variants with beautiful swatches

“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, 2026-03-24, Rubik Combined Listings on the Shopify App Store

104 CSS variables and why they matter on Groupthought themes

Most swatch apps give you a handful of toggle switches. Pick a color, pick a border, done. That works on generic themes. It doesn’t work on Groupthought themes because Pipeline and Story have very specific design systems. Pipeline’s Phantom preset uses dark backgrounds with light text and subtle accent colors. Story’s Solace preset uses warm, muted earth tones with rounded corners and organic shapes. A swatch that looks right on Phantom will look completely wrong on Solace.

Rubik Combined Listings exposes 104 CSS variables inside the Shadow DOM. Swatch size, border radius, border color, hover opacity, selected indicator style, label font size, carousel gap, tooltip position… everything. You can match swatches to any Groupthought preset precisely. The AI Visual Assistant makes this even faster. Tell it “rounded pill buttons with a 1px warm gray border on hover” and it generates the exact variable values. No CSS knowledge required.

And because the 19 built-in presets cover most common aesthetics, you might not even need to touch individual variables. “Minimal Circles” for Pipeline’s clean look, “Standard” for Story’s balanced layout, “Premium Pill” if you want labeled swatches on either theme. Start with a preset, adjust if needed.

Ready to set it up

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

Try Rubik Combined Listings free
Try Rubik Variant Images free

Frequently asked questions

Does Rubik Combined Listings work on both Groupthought themes?

Yes. Pipeline and Story are both Online Store 2.0 themes that accept theme app blocks. Rubik drops in as an app block on product pages and collection pages. All 8 presets across both themes (Pipeline, Petra, Pahoa, Phantom, Story, Spade, Solace, Shale) are supported. We’ve verified rendering on every one.

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

No. Shopify’s native Combined Listings feature requires Plus ($2,300+/month). Rubik Combined Listings works on Basic, Shopify, and Advanced plans for $0 to $50/month. Same visual grouping, same swatch experience, fraction of the cost. Story’s v5.1.0 explicitly added “support for high-variant products and combined listings” to its codebase, so the theme is already designed to work with grouped product data.

Will Rubik conflict with Pipeline’s native color swatches?

No. Pipeline’s built-in swatches handle variant options within a single product (like picking a size or color from the same product’s variant list). Rubik’s swatches link entirely different products together. Different DOM regions, different rendering pipelines. On the same product page, Pipeline handles the native variant picker while Rubik handles the cross-product group swatch row. They coexist without conflicts.

Which Groupthought theme is better for a high-color-count catalog?

Pipeline. Its 98% positive rating, 40+ sections, and fashion-forward design language handle large colorway collections better than Story. If a product comes in 8+ colors, Pipeline’s generous product page layout gives the swatch row enough room without pushing content below the fold. Story works fine for smaller groups (3 to 5 colors) where the brand narrative matters more than the variant count. For stores with 200+ products needing groups, Pipeline’s more established codebase and larger user community also mean more battle-tested stability.

Can I use bulk grouping on Groupthought themes?

Yes. Bulk grouping is theme-independent. It runs in the Rubik admin, not in the storefront. Three detection methods: title pattern matching (splits “Blue Leather Bag” / “Red Leather Bag” into a group), product tag parsing, and metafield-based grouping. Create hundreds of groups in one pass, then let real-time sync keep everything current. The storefront rendering on Pipeline or Story happens automatically once the groups exist.

How do I match swatch styling to Pipeline’s Phantom dark mode preset?

Use the AI Visual Assistant. Open the visual settings editor, type “dark mode swatches with light borders and white selected indicator on dark background” and the assistant generates the CSS variable values. Or manually set the border color, hover state, and selected-state variables from Rubik’s 104-variable system. The Shadow DOM isolation means your dark-mode swatch styles won’t leak into other page elements and Pipeline’s dark-mode theme styles won’t override your swatch settings.

Does Story’s v5.1.0 combined listings support replace the need for Rubik?

No. Story’s update adds theme-level compatibility for the native Shopify Combined Listings feature, which still requires Shopify Plus. Without Plus, the native feature is inaccessible. Rubik fills that gap on every Shopify plan. Think of Story’s v5.1.0 as making the theme ready for grouped product data. Rubik provides that data (and the swatches) on non-Plus plans.

Co-Founder at Craftshift

You may also like