Rubik Combined Listings on Krown themes is one of the setups we get asked about most. Krown Themes, a studio based in Cluj-Napoca, Romania, builds six distinct Shopify themes: Local, Combine, Borders, Highlight, Split, and Kingdom. Over 30,000 brands run on at least one of them. And every single one of those themes shares the same blind spot: no native way to group separate products and show color swatches on collection cards.
That’s the gap Rubik Combined Listings fills. You take your separate color products, group them, and suddenly each product card on the collection page shows a row of swatches. Click a swatch, the card updates. No page reload, no redirect until the shopper is ready. Works on all six Krown themes because RCL renders inside Shadow DOM, completely isolated from whatever CSS Krown ships.
We built the Krown integration after noticing a pattern in our support queue. Stores running Borders or Local would install RCL and ask, “Where do swatches show up on my cards?” The answer was always the same: they show up automatically, under the product title, matching the card width. But the question kept coming, so this guide exists to walk through every Krown theme in detail.
Table of Contents
- Why Krown themes need combined listings
- All 6 Krown themes at a glance
- Collection page swatch placement per theme
- Setup steps (same for all Krown themes)
- Swatch sizing recommendations by theme
- Bulk grouping for large Krown catalogs
- Pairing with Rubik Variant Images
- FAQ
- Related reading
Why Krown themes need combined listings
Krown themes are built for visual impact. Clean grids, strong typography, bold product photography. The studio clearly cares about design. But none of the six themes ship with a way to link separate Shopify products and display them as connected variants on the collection page.
Why does that matter? Think about a home goods brand selling a ceramic mug in 8 glazes. Each glaze is a separate product (for SEO, for inventory tracking, for unique photography). On a Krown collection page, that’s 8 cards for what shoppers perceive as one mug. The grid gets cluttered. Shoppers scroll past without realizing they’re looking at the same item in different finishes.
RCL solves this by injecting swatches directly onto each product card. One card shows the mug, and 8 small color circles sit underneath. Click “Terracotta” and the card image swaps. The shopper sees all options without the collection page turning into a wall of near-identical product photos.
Shopify’s own native combined listings feature requires Shopify Plus ($2,300/month). RCL starts at $0 for 5 groups and scales to $50/month for 5,000 groups. That’s the whole point: you shouldn’t need an enterprise plan to run combined listings without Plus.
All 6 Krown themes at a glance
Krown’s portfolio covers a surprisingly wide range of store types. Here’s what each theme is built for and how product cards differ across them:
| Theme | Price | Primary audience | Card layout | RCL swatch position |
|---|---|---|---|---|
| Local | $300 | Food, beverage, artisan brands | Compact grid, small images | Below title, above price |
| Combine | $300 | Multi-category stores, general retail | Flexible grid with badges | Below title |
| Borders | $300 | Editorial, fashion, lifestyle | Bordered cards, strong lines | Below title, inside card border |
| Highlight | $300 | Single-product or small catalog | Large hero cards | Below title |
| Split | $300 | Visual storytelling, lookbooks | Split-screen layout | Below product info |
| Kingdom | $300 | Gaming, tech, bold brands | Dark-mode friendly cards | Below title |
Every Krown theme follows OS 2.0 conventions. App embeds work. JSON templates work. Metafield references work. That’s the foundation RCL relies on, and Krown doesn’t deviate from it.
Collection page swatch placement per theme
The whole reason stores install RCL is to get swatches on collection cards. So let’s break down how each Krown theme handles them.
Local
Local uses compact product cards optimized for food and beverage catalogs. Cards tend to be smaller because Local stores often show 4-5 products per row. Swatches appear below the product title and sit neatly inside the card’s natural padding. For Local, we recommend smaller swatch sizes (16-18px circles) to avoid crowding the card.
Combine
Combine is Krown’s most flexible theme, built for stores with mixed product types. Its collection grid supports badges, quick-add buttons, and product labels. RCL swatches slide in below the title without interfering with the badge system. If you’re running Combine with the quick-add drawer, swatches appear before the add-to-cart flow, which is exactly where color selection should happen.
Borders
Borders is the editorial one. Strong card borders, clean separation between items. This is probably the Krown theme we see most often in our install base (at least among fashion and lifestyle stores). The bordered card design actually makes swatches look better because the border frames everything. Swatches render inside the card’s content area, respecting the padding Borders sets.
One thing worth noting: Borders uses thicker card borders than most themes. If you set your RCL swatch border to match Borders’ card border color, the visual integration is almost invisible. It looks like the theme shipped with swatches built in.
Highlight
Highlight is designed for stores with fewer products but each one getting more screen real estate. Large hero cards, full-width images. Because the cards are bigger, you can afford larger swatches here (24-28px). The extra space makes image swatches (showing the actual product thumbnail in the swatch circle) look particularly good on Highlight.
Split
Split uses a split-screen layout where product info and product image sit side by side. This is unusual among Shopify themes and it changes where swatches appear. RCL places them below the product info block, aligned with the title and price rather than centered under the image. It works. The visual hierarchy reads: image on one side, title plus swatches plus price on the other.
Kingdom
Kingdom targets gaming and tech brands with dark-mode-friendly designs. If your Kingdom store runs a dark background, RCL’s 104 CSS variables let you flip swatch borders and backgrounds to match. Set the swatch border to a light color, the active indicator to your accent, and the swatches pop against the dark card background without looking out of place.
Setup steps (same for all Krown themes)
The setup flow is identical across all six Krown themes. That’s because RCL uses Shopify’s OS 2.0 app embed system, not theme-specific code injections.
Step 1: Install RCL
Go to the Rubik Combined Listings App Store page and click Install. The free plan covers 5 product groups, which is enough to test on any Krown theme before upgrading.
Step 2: Enable the app embed
Open your Shopify admin, go to Online Store, click Customize on your Krown theme, then open the App embeds panel (left sidebar). Toggle Rubik Combined Listings on. Save. This is the same toggle for Local, Combine, Borders, Highlight, Split, or Kingdom.
Step 3: Create your first group
Back in the RCL app, click “Create Group.” Select the products you want to link (for example, “Ceramic Mug Terracotta,” “Ceramic Mug Ocean,” “Ceramic Mug Sage”). Set the option name to “Color” and assign each product its value. RCL stores this as a metafield reference, so it’s part of your product data, not bolted on with JavaScript hacks.
Want to skip manual work? Use bulk grouping to auto-detect groups by title pattern, tags, or metafields. Or let AI Magic Fill read your product images and fill in swatch colors automatically.
Step 4: Check the collection page
Open any collection that contains your grouped products. You should see swatches below the product title on each card. Click a swatch, the card image updates to show that variant’s product photo. No redirect yet, just a visual preview. The shopper clicks the card when they’re ready to visit the product page.
Step 5: Adjust visual settings
RCL ships with 19 style presets (8 for product cards, 11 for product pages). Pick one that matches your Krown theme’s vibe. Or use the visual settings editor with 104 CSS variables to fine-tune everything from swatch shape to border radius to active state animation.
And here’s something sort of underappreciated: you can use the AI Visual Assistant to describe what you want in plain English. Type “make swatches pill-shaped, 20px, with a 2px dark border” and the AI applies those settings. No digging through CSS variable names.
Swatch sizing recommendations by theme
Not all Krown cards are the same size. Here’s what we’ve found works best after testing across all six themes:
| Theme | Swatch shape | Swatch size | Gap | Overflow |
|---|---|---|---|---|
| Local | Circle | 16-18px | 4px | “+N” pill |
| Combine | Circle or rounded square | 20-22px | 6px | “+N” pill |
| Borders | Circle | 20-22px | 6px | “+N” pill |
| Highlight | Circle or image | 24-28px | 8px | Carousel |
| Split | Circle | 20px | 6px | “+N” pill |
| Kingdom | Circle | 20-22px | 6px | “+N” pill |
For Kingdom specifically, if you’re running a dark-mode storefront, set the swatch border color to something light like #555 or #666 and the active border to your brand’s accent color. Dark swatches on dark backgrounds disappear otherwise.
Bulk grouping for large Krown catalogs
Stores running Krown themes tend to have substantial catalogs. Borders users in particular often run 500+ products because editorial brands publish a lot of SKUs. Manually creating groups one by one? Painful.
RCL’s bulk grouping system detects groups automatically using three methods: title pattern matching (splits on separators like ” – ” or ” | “), product tag parsing, and shared metafield values. For most Krown stores, title patterns work out of the box if your naming convention is consistent (“Product Name – Color”).
We had a Borders store with 1,200 products hit bulk grouping for the first time. It created 380 groups in under a minute. No AI credits consumed, no external API calls. Just pattern detection running locally in your Shopify admin. Why doesn’t Shopify ship this natively? Honestly, I have no idea. It seems like table stakes for any store with more than 50 color-split products.
If your product titles aren’t consistent, AI Magic Fill can analyze product images and fill in swatch colors and option values. It reads the image, the title, and the sibling product context to figure out what “Terracotta” looks like versus “Clay” versus “Rust.”
Pairing with Rubik Variant Images
RCL handles the collection page and cross-product linking. But what about the product page itself? If each of your separate products has its own variants (say, multiple sizes), those variant images still need filtering when a shopper picks a size.
That’s where Rubik Variant Images comes in. It works on the product page only, filtering the image gallery to show only the photos that match the selected variant. RCL plus RVI gives you the complete stack: collection swatches that link products together, and product page filtering that shows only the relevant images.
Both apps use metafields, both render in Shadow DOM, and both have native support for all 6 Krown themes. No conflicts between the two. RVI starts at $0 for 1 product (great for testing), and RCL starts at $0 for 5 groups.
“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, March 2026 , Rubik Combined Listings on the Shopify App Store
Product page swatches on Krown themes
Collection cards get most of the attention, but RCL also renders swatches on the product page itself. When a shopper lands on “Ceramic Mug Terracotta” and the product belongs to a group, RCL shows swatches above or below the variant picker (configurable). Click “Ocean” and the shopper navigates to the Ocean product page.
On Krown themes, product page swatch placement follows the theme’s variant picker location. Borders puts variant pickers in a clean section below the product title. RCL respects that positioning. Highlight, with its larger product pages, gives swatches more room to breathe. Kingdom’s dark product pages need the same border color treatment as collection swatches.
You can set separate visual settings for product page desktop, product page mobile, product card desktop, and product card mobile. Four independent configurations, one group. That’s useful when your Krown theme looks radically different on mobile versus desktop (Split and Highlight in particular).
The SEO angle for Krown store owners
Every grouped product keeps its own URL. “Ceramic Mug Terracotta” lives at /products/ceramic-mug-terracotta with its own title tag, meta description, and product images. Google indexes each one independently. That’s the SEO win of separate products versus variants: more indexable pages, more keyword targets, more image search coverage.
RCL adds the visual connection without flattening your products into a single listing. You keep the SEO surface area and gain the collection UX. That strategy pairs well with product image SEO best practices, especially on Krown themes where product photography is the centerpiece of the design.
What Krown stores actually do with RCL
After supporting hundreds of Krown installations, here are the patterns we see most often:
- Color grouping on fashion stores (Borders, Split). Each color is a separate product. Group by color, show circle swatches on collection cards.
- Material grouping on home goods (Local, Combine). Same product in wood, metal, ceramic. Image swatches work well here because materials look different enough to warrant a thumbnail.
- Size grouping on furniture (Highlight). Large, medium, small versions of the same piece. Pill-shaped button swatches with text labels (“Large”, “Medium”) instead of colors.
- Edition grouping on gaming/tech (Kingdom). Standard, Deluxe, Limited editions grouped together. Dropdown swatches keep the dark-mode card clean.
See it live on the RCL demo store, watch the tutorial video, or read the getting started guide.
Frequently asked questions
Does RCL work with all 6 Krown themes?
Yes. Rubik Combined Listings has verified support for Local, Combine, Borders, Highlight, Split, and Kingdom. All six follow Shopify OS 2.0 conventions, and RCL’s Shadow DOM rendering isolates swatch styles from the theme’s CSS.
Do I need Shopify Plus to use combined listings on Krown themes?
No. RCL works on any Shopify plan: Basic, Shopify, Advanced, or Plus. Shopify’s own native combined listings feature requires Plus, but RCL does not.
Can I show image swatches instead of color circles on Krown product cards?
Yes. RCL supports four swatch types: visual (image), button, pill, and dropdown. Image swatches show a small thumbnail of each product inside the swatch circle. This works especially well on Highlight and Combine themes where cards have more space.
How many products can I group on the free plan?
The free plan supports 5 product groups. Starter ($10/month) goes up to 100, Advanced ($30/month) to 500, and Premium ($50/month) to 5,000. Annual billing saves 17%.
Will RCL swatches conflict with Krown’s built-in variant picker?
No. RCL renders in Shadow DOM, which means its CSS is completely isolated from the theme. Krown’s variant picker handles single-product variants (like size). RCL handles cross-product grouping (like color across separate products). They do different things and don’t overlap.
Does RCL support Krown’s dark mode (Kingdom theme)?
Yes. Use RCL’s 104 CSS variables to set swatch borders, backgrounds, and active indicators that match your dark color scheme. The AI Visual Assistant can also apply dark-mode-friendly settings if you describe what you want in plain English.
Can I use bulk grouping with Krown themes?
Absolutely. Bulk grouping works independent of the theme. It reads product titles, tags, or metafields to auto-detect groups. Stores with 500+ products on Borders or Combine typically save hours compared to manual group creation.
