Open a Shopify store with a deep catalog and you'll often see the same thing: a shoe that comes in twelve colors shows up on the collection page as one card with one photo. The shopper sees one color. To find the other eleven, they have to click in, and many won't. They leave assuming you don't carry the color they wanted.
That's fine with twenty products. At two hundred it's lost sales. Here's what Shopify shows by default, the options it gives you natively, what most merchants do about it, and where an app helps.
What Shopify shows by default
A product card on a collection page shows the product's featured image. Whether anything else appears, like a row of colors, depends on your theme. Shopify's built-in swatches work by connecting a product's color option to the color category metafield, and Shopify documents them for the variant picker on product pages. Some themes also show swatches on product cards; many don't, and older themes usually need custom code.
There's a sensible reason for the default. One image per product keeps collection pages quick, and loading every variant's image up front would slow big grids down. But for stores where color or pattern is the main reason people buy, it costs you discovery.
Check what your theme can already do
- Open a product with a color option and check the option is connected to the Color category metafield. When you add or edit variants, Shopify lists the category metafields you can connect to.
- In the theme editor, open the product page and look at the variant picker block. If your theme supports swatches, you can choose how they display (Shopify's docs mention circle, square or none).
- Now open a collection page in the theme editor and look at the product card settings. If there's a swatch option there, turn it on and you may not need anything else.
Our step-by-step guide to showing color swatches on Shopify collection pages goes through this in more detail.
The split-product workaround
The most common workaround is to split colors into separate products: twelve shoe products instead of one product with twelve variants. Each color gets its own card, its own photos and its own URL, which also gives search engines more pages to index.
The cost is upkeep. Twelve products means twelve descriptions to edit, twelve prices to change, twelve sets of tags to keep in line. And unless the products are linked, a shopper who opens the red shoe sees no sign of the other colors on that page. They have to go back to the grid and find them again.
Shopify has two native answers here, both with limits:
- Shopify's Combined Listings app groups separate products into one listing so they appear as options on the product page, while keeping their own descriptions and URLs. It requires Shopify Plus, and free Shopify themes need version 15.0.0 or later.
- Variant collections. Since July 2026, a collection can include specific variants rather than whole products, such as only the red ones, and those variants appear on collection pages and in filters. Useful for an "Everything in red" edit, less so for showing every color of every product. See Shopify's rebuilt collections.
Where an app helps
If your theme can't show swatches on product cards, or you've split products and want them linked, this is what we built Swatches & Listings for. It's our app, and it does two jobs:
- Collection swatches. Add the Collection swatches block to the product card in your theme editor. Each card then shows the product's other colors (or photos). Hovering a swatch swaps the card's image, and clicking goes straight to that color. You choose how many show before a +N badge takes over.
- Linked products. Group separate products into a listing and pick how each option shows: color swatch, image swatch, text buttons or a dropdown, with a different choice on mobile if you like. A shopper on the red shoe's page sees every other color and can move between them.
If you went the other way and have one product with too many variants, the Premium plan can split a product by an option (say, Color) into separate products that stay linked, each with its own page and URL. Stock doesn't carry over, so set quantities before you publish.
Plans start with Starter at up to 10 listings, and every plan has a 30-day free trial on the Shopify App Store. The help centre covers setup.
Worth checking this week
If you sell anything where color, pattern or material matters, open your busiest collection on a phone and scroll it the way a customer would. Can you tell, without tapping, how many colors each product comes in? If not, that's discovery you're losing every time someone browses. For more on where Shopify's built-in options run out, read when your products need more than Shopify's built-in options.