You sell a t-shirt in 6 colors. Each color is its own Shopify product because your supplier sent them that way, or because you wanted each color to have its own photos and SEO, or because you tried cramming everything into one product and hit Shopify’s 3-option limit.
Whatever the reason, you now have 6 product listings that look completely unrelated to each other in your store. A customer lands on “Navy T-Shirt” and has no idea that the same shirt exists in red, black, white, olive, and gray. They see one product. They either buy it or leave.
Meanwhile, those other 5 colors sit in your catalog getting less traffic than they should because there is nothing connecting them. No visual link. No “also available in” indicator. Nothing tells the customer they have options.
This is one of the most common problems on Shopify stores that sell products in multiple colors, materials, patterns, or styles. And it has a straightforward fix.
Why Separate Products End Up Disconnected
Shopify gives you two ways to handle product variations. You can add variants to a single product (Color: Navy, Red, Black as options under one listing) or create separate products for each option.
Many stores end up with separate products for good reasons:
Print-on-demand services create them that way. Printify, Printful, Gooten, and most POD providers generate one Shopify product per colorway. You don’t control the structure. You get separate listings whether you want them or not.
Each color deserves its own photos. When all colors are variants under one product, all their images pile into a single gallery. A customer looking at the navy version scrolls past 30 photos of other colors to find the one they care about. Separate products solve this because each one has its own clean gallery showing only its images.
SEO works better with individual pages. “Navy linen blazer” and “cream linen blazer” are different search queries. When each color has its own product page with its own URL, title tag, and meta description, each one can rank independently in Google. One product with variants gets one URL.
Shopify’s 3-option limit forced a split. A product can only have 3 option types (like Color, Size, Material). If you need a 4th, the only way is to split into separate products along one of those axes.
All valid reasons. The problem is that Shopify doesn’t provide a native way to visually connect those separate products back together. They just sit in your store as independent listings with no relationship between them.
What Your Customers Actually Experience
Put yourself in the customer’s shoes for a second.
They land on your Navy Hoodie product page from a Google search. They like the style but navy isn’t their color. They want black. What do they do?
If this were a product with color variants, they’d click “Black” in the variant selector and see it instantly. But since each color is a separate product, there is no variant selector. The customer has to go back to the collection page, scroll through your catalog, and hope they notice “Black Hoodie” somewhere in the grid. Most won’t bother.
On your collection page, it’s even worse. Six hoodies in six colors show up as six unrelated product cards. There’s nothing telling the customer these are the same hoodie. It looks like you sell six different hoodies, not one hoodie in six colors. Your collection feels cluttered and your product range looks shallow at the same time.
The result: customers miss options they would have bought, your average order value stays flat, and products that should be selling well don’t get the visibility they deserve.
The Fix: Visual Swatches That Connect Separate Products
The solution is a swatch row that appears on each product page and on product cards in collections. Small color circles, image thumbnails, or text buttons that show every available option and let customers switch between them with a click.
On the Navy Hoodie page, a row of color swatches appears right where a variant selector would normally be. The customer sees navy (highlighted as the current selection), black, red, white, olive, and gray. Click black, and they land on the Black Hoodie’s own page with its own photos, price, and description. To them, it feels exactly like switching a variant. Behind the scenes, each product remains fully independent.
On collection pages, each product card shows small swatches below its image. Hover over a swatch and the card image updates to preview that color. The customer can browse all colors without clicking through to individual pages.
Rubik Combined Listings does exactly this. You create a product group, add your products, and the app handles the rest. No code, no theme editing, no merging products together.
How It Works in Practice
The setup takes a few minutes per group:
1. Create a product group. Give it an option name like “Color” or “Material.” This becomes the label above the swatches on your storefront.
2. Add your products. Pick the products that should be connected. In our hoodie example, you’d add all 6 color variants.
3. Set option values. Each product gets a label (“Navy”, “Black”, “Red”) and optionally a color swatch. If you don’t want to fill these in manually, Magic Fill uses AI to analyze your product titles and images and generates the labels and colors automatically.
4. Save. Swatches appear on your storefront immediately. No publishing step, no waiting for sync. The app stores data using Shopify metaobjects with direct product references, so prices, availability, and images stay current automatically.
For stores with hundreds of products, the bulk grouping feature detects products that should be grouped based on title patterns, tags, or metafields, and creates all the groups at once.
What Changes for Your Customers
Product pages show all available options. A customer on any product in the group instantly sees every other option. No guessing, no searching, no “I wonder if this comes in black.”
Collection pages become browseable by color. Product cards show swatch indicators. Hover to preview, click to switch. A collection with 50 products across 5 colors each becomes easy to scan instead of overwhelming.
Each product keeps its own page. Your SEO isn’t affected. URLs stay the same. Image galleries stay clean and color-specific. Meta tags stay targeted. The only thing that changes is a swatch row that connects everything visually.
Out-of-stock products are handled automatically. Sold-out colors can be hidden, pushed to the end of the row, or shown with a visual indicator (reduced opacity, strikethrough). Archived or draft products disappear from swatches entirely.
Not Just Color Circles
Color swatches are the most common use case, but products differ by more than color. The app supports four swatch types to fit different product types:
Color swatches for products defined by solid colors. Single-color circles or two-tone splits.
Image swatches for products where a flat color can’t represent the option. Fabric textures, printed patterns, wood grains. Each swatch shows an actual product image or a custom thumbnail.
Button swatches for non-visual options. Pack sizes, device models, material names. Text labels with optional images inside.
Dropdown menus for groups with many options where individual swatches would take up too much space.
A single product can belong to multiple groups at once. A jacket can be in a “Color” group (color swatches) and a “Material” group (image swatches) simultaneously, with both swatch rows appearing on the product page.
Full Control Over How Swatches Look
Swatches should look like they belong in your theme, not like an app bolted something onto your page. The visual settings editor has 70+ options for swatch size, shape, border, spacing, fonts, colors, hover effects, and active state styling. Desktop and mobile are configured independently.
If you don’t want to tweak individual settings, style presets give you a complete swatch design in one click. If you want pixel-level control, custom CSS gives you access to every internal variable.
There’s also an AI assistant built into the editor. Describe what you want (“make the swatches smaller with rounded corners and a thick border when selected”) and it adjusts the settings for you.
Works With Every Shopify Theme and Plan
The app works on all Shopify plans and with all themes. Dawn, Prestige, Impulse, Impact, Focal, Palo Alto, Symmetry, Stiletto, Broadcast, and hundreds more. A theme type system ensures swatches appear in the right position for each theme’s structure.
Shopify has a native Combined Listings feature, but it requires Shopify Plus ($2,300+/month) and merges products under a single parent listing, which defeats the purpose of keeping products separate. Rubik Combined Listings works on any plan starting from free and keeps every product independent.
Common Scenarios Where This Helps
Print-on-demand stores. Printify, Printful, or Gooten created separate products per color. Group them with swatches so customers can browse colors without leaving the page.
Fashion stores with color-specific photography. Each color has its own photoshoot and styled images. Keep the dedicated galleries while making it easy for customers to find other colors.
Stores that split products for SEO. Each color targets different search terms. The products stay separate for Google while swatches connect them for customers.
Home decor and furniture. A sofa available in 12 fabrics. Image swatches show fabric textures so customers can compare materials at a glance.
Electronics and accessories. A phone case available for different device models. Button swatches let customers pick their model without confusion.
Stores with large catalogs. Hundreds of products that need grouping. Bulk grouping detects relationships automatically based on title patterns, tags, or metafields and creates all groups at once.
See It in Action
Demo store: combinedlistings.rubikdemo.com. Browse the collections, hover over swatches on product cards, click through to product pages. Test on desktop and mobile.
Video tutorial: Watch on YouTube
Install: Rubik Combined Listings (free plan available, 5 product groups)
FAQ: Frequently Asked Questions
More from CraftShift: Every Feature Explained · The Complete Setup Guide · Best Combined Listings Apps Compared
