Colour variants on Shopify, explained
Every catalogue with colourways runs into one of two walls: the gallery that will not change when a shopper picks Blue, or the colours that live as separate products with no way to show them together. This site is 243 guides, comparisons and migration notes on those two walls, written by the team at Craftshift that builds Rubik Variant Images and Rubik Combined Listings.
Two problems that look alike and are not
Both show up as "the colours are wrong on my store", and the fix for one does nothing for the other. Start by working out which side of the line you are on.
The gallery does not change when the shopper picks a colour
- Your colours are variants of a single product.
- Shopify allows one featured image per variant, so the other nine shots of that colour sit in one long gallery.
- A shopper who picks Blue still scrolls past every Red photo you own.
Read why the limit exists and what gets around it
The app we build for it: Rubik Variant Images, a separate image set per variant.
Each colour is its own product and the collection page repeats itself
- You split the colourways on purpose, for stock, for SEO, or because a supplier feed did it for you.
- The collection grid now shows the same jumper eight times.
- Nothing on the product page tells a shopper the other seven colours exist.
Start here
The six posts people actually arrive looking for, in the order they arrive looking for them.
- Do separate products help or hurt your SEO? Combined listings and search
- The Shopify variant limit, and how to get around it 2026
- Combined listings without Shopify Plus Guide
- Native combined listings vs a third-party app Comparison
- Separate products or variants: which is better? Decision
- Colour swatches not showing? Every theme, in order Troubleshooting
Seven tools that answer a question before you install anything
No account, no email, nothing stored. They run in your browser.
Product Grouping Planner
Work out how your colourways should be grouped before you touch the store.
Collection Analyzer
Paste a collection URL and see how many near-duplicate cards a shopper has to scroll past.
Collection Swatch Simulator
See what a swatch row looks like on a collection card before you install anything.
Two-Colour Swatch Preview
Check a two-tone swatch against a real product image.
SEO URL Structure Analyzer
Compare the URL shapes that grouping leaves you with.
robots.txt AI Bot Checker
Find out whether your store is blocking the crawlers that feed AI answers.
Separate Products vs Variants
Answer eight questions about your catalogue and get a recommendation either way.
Browse by topic
Who writes this
Craftshift is a Shopify Partner that builds apps for product images, swatches and combined listings. We write here about the problems our own support queue is full of, which is why the guides go further than the marketing pages do.
