Combined Listings on the Crave Theme

Combined Listings on the Crave theme: group separate products with swatches

Adding combined listings to the Crave theme is the one product feature Crave can’t handle on its own. Crave is Shopify’s free theme for food, drink, and beauty brands, bold, fast, and made for impulse buys. It nails the storefront feel. But grouping separate products (one product per flavor, one per shade) into a single listing with swatches? No theme does that. It isn’t a theme job.

That’s what Rubik Combined Listings is for. It links separate products, drops swatches onto your collection cards, and shows the same swatches on the product page. Crave keeps doing what it’s good at. The app handles the part Crave structurally can’t.

Crave follows OS 2.0 conventions, which is the part that matters: the app embed installs the standard way, same as on Dawn. So this is less “will it work” (it will) and more “how do you set it up well on a punchy, conversion-focused theme.” Here’s how.

In this post

Why Crave needs a combined listings app

Combined listings on the Crave theme need an app because grouping separate products creates new data that doesn’t exist in Shopify by default. A theme can only render data it already has. It can’t invent the relationship that says “this Mango seltzer and this Lime seltzer are the same drink in two flavors.”

Picture a Crave store selling a seltzer in six flavors. Two ways to build it. One product with flavor as a variant: clean collection page, but every flavor shares one URL, one title, and one spot in Google’s index. Or six separate products, one per flavor: each gets its own URL and photos (great for SEO), but the collection page shows the same can six times. Cluttered.

Combined listings give you the third option. Six separate products behind the scenes, one card on the collection page, swatches that switch between them. You keep the SEO upside and the clean look. That’s the pitch, and it’s a common request from focused beverage and beauty stores on Crave.

Worth saying plainly: Shopify’s native combined listings feature exists, but it’s locked to Shopify Plus. Most Crave stores aren’t on Plus, so that route is closed. Rubik Combined Listings does the same job on Basic, Shopify, and Advanced. No Plus required.

How Rubik Combined Listings works on Crave

The app stores group relationships as Shopify metafield references on each product. When Crave renders a collection or product page, the app reads those metafields and injects swatches. No external server, no third-party API call. The swatch data rides along with the page Shopify already serves.

That matters on a conversion-focused theme. Crave is built to feel fast and direct, and the last thing you want is an app adding a slow external request to your collection pages. Rubik Combined Listings is metafield-based with no external API calls, so it doesn’t add a network round trip. It reads what’s already there.

Swatches render inside Shadow DOM. Crave leans on bold, opinionated styling, and Shadow DOM keeps the app’s swatch styles in an isolated scope. Crave’s CSS can’t restyle your swatches, and the app’s CSS can’t leak into Crave’s layout. Theme updates don’t break anything.

Setup in three steps

1. Install and enable the embed

Install Rubik Combined Listings, then open Online Store, Customize on Crave, find App embeds in the left sidebar, and toggle the app on. Save. Ten seconds, no code.

2. Create your first group

In the app, pick two or more products that belong together. Set the option name (Flavor, Shade, Scent, whatever fits) and give each product its value. The app writes the metafield references. Done.

3. Bulk group the rest

Got a full catalog? Don’t group by hand. Use bulk grouping: it detects groups by title pattern, product tags, or shared metafield value. Beverage and beauty names are usually consistent (“Hibiscus Cold Brew”, “Vanilla Cold Brew”), so title-pattern detection nails it in one pass. There’s also an AI Magic Fill that reads each product image and fills the swatch color when a field is empty.

Rubik Combined Listings swatch customization for product page and collection cards

Collection page swatches on Crave

This is the feature that changes how a Crave collection page converts. Without it, a shopper sees the seltzer, clicks in, learns it comes in six flavors, clicks back, clicks the next one. Friction at every step, on a theme built to remove friction. With collection swatches, they see all six flavors on the card, click a swatch, and the card image swaps. No page load. They pick before they click through.

On Crave’s product cards, the app injects swatches between the title and price, matching the card padding. Click a swatch and the card image, price, and add-to-cart link can update to the selected product (you choose what updates). Hover previews. It behaves like native variants even though each flavor is its own product underneath.

A small opinion some merchants push back on: when a shopper filters to “Mango” and a card still shows swatches for Mango, Lime, and Berry, that’s a feature, not a bug. It tells them the product comes in other flavors too. Hiding that makes your catalog look smaller than it is. Keep the full swatch set visible.

Swatch styling for a bold theme

Crave is loud by design, so the swatches can be confident too. A starting point that works on most Crave setups, then tweak in the visual editor:

  • Shape: circle for flavor or shade colors, square for pack or print swatches
  • Size: 20 to 24px on collection cards, larger on the product page
  • Border: 1px so pale shades (vanilla, coconut) still read as a swatch
  • Active state: a bold 2px ring in your brand color
  • Overflow: a “+N” pill once a group passes six flavors, to keep cards tidy

The app ships with built-in style presets, 100+ CSS variables, and a per-group custom CSS box. You set visuals separately for four contexts: product page desktop, product page mobile, product card desktop, product card mobile. Plan your groups first with the free grouping planner, and preview how swatches will look on cards with the swatch simulator.

“This app is incredibly useful and very easy to use. It offers a wide range of customization options while still keeping the setup simple and intuitive. The categorization and grouping features are especially helpful for organizing products efficiently. The pricing is very reasonable for the value it provides. It has made managing combined listings much smoother for our store.”

Art Masterclass USA, US, March 2026, Rubik Combined Listings on the Shopify App Store

The SEO reason to split products

Why split products at all? Indexing. Each separate product gets its own URL, title tag, meta description, image set, and product schema. Google treats each as its own page. A seltzer in six flavors becomes six indexable pages, six shots at ranking for flavor-specific searches like “mango seltzer” or “hibiscus cold brew.”

Variants don’t give you that. A variant flavor lives inside one product URL, so “mango seltzer” has a single diluted page to land on. The full argument is in our separate products vs variants SEO breakdown, and if you’re planning URLs, the URL structure guide pairs with it. Want the foundational checklist? Craftshift has a full 2026 Shopify SEO checklist.

Pairing with Rubik Variant Images

Combined listings solve the cross-product side. But within a single product, say each flavor also comes in two sizes with different photos, you want the gallery to show only the selected size’s images. That’s a different job, and it belongs to Rubik Variant Images on the Crave theme.

On a Crave store with flavor-and-size catalogs, running both is the clean setup: group the flavors, filter the images. Two apps, both metafield-based, both Shadow DOM, both verified on OS 2.0 themes.

See the live demo store, watch the tutorial video, or read the getting started docs.

Frequently asked questions

Does Rubik Combined Listings work with the Crave theme?

Yes. Crave is a free OS 2.0 theme and supports app embeds, so the standard setup works with no theme edits. The app supports 350+ themes, and any OS 2.0 theme follows the same embed pattern as Dawn.

Do I need Shopify Plus to use combined listings on Crave?

No. Shopify’s native combined listings feature requires Plus, but Rubik Combined Listings works on Basic, Shopify, and Advanced plans. That’s the main reason non-Plus Crave stores use it.

Will the app slow down my Crave store?

No. The app is metafield-based with no external API calls. It reads swatch data already in the page payload and renders in Shadow DOM, so it doesn’t add a network round trip.

Can I show swatches on Crave collection pages?

Yes. The app injects swatches onto Crave product cards. Clicking a swatch swaps the card image and can update the price and add-to-cart link. It also shows the same group swatches on the product page.

How many product groups can I create?

Free plan: 5 groups. Starter is $10/month for 100, Advanced is $30/month for 500, Premium is $50/month for 5,000. Annual billing saves 17%, and every feature is on every plan.