A clothing brand owner wants to display product color variants as separate items in collections while keeping them linked on individual product pages. They also want to show only the 3 photos relevant to the selected color, avoiding confusion when products have multiple colors (e.g., 12 photos for 4 colors).
Proposed Solutions:
Third-party apps: Multiple participants recommend Shopify apps that separate variants into individual collection listings. One app owner specifically mentions “Stamp ‐ Variants on Collection,” which allows customization per collection, filtering by specific options, and hiding unavailable/no-image variants.
Custom development approach: Convert variants to individual products and link them using Metafields (Product reference lists). This involves adding Liquid code to product pages to display color options, requiring custom styling work.
Video tutorial: A YouTube implementation guide was shared showing how to link individual variant products using section code, applicable to both product and collection pages.
Status: The discussion remains open with no confirmed resolution from the original poster, though multiple viable solutions have been offered.
Summarized with AI on October 24.
AI used: claude-sonnet-4-5-20250929.
As title says, I am building a website for my clothing brand and I’d ideally like to link all my products so customers can see the available colors for each item on the item page but I’d also like them to show individually in my collections.
Also, if possible I’d like to hide the photos of the unselected colors when its not selected.
I have 3 photos per color, so ideally I dont want my customers to be confused or clogged with photos on an item that has 4 colors, then there would be 12 photos in total. Id like the products linked in the backend but on the front end them to appear completely individual.
@INVSN the mentioned App does the work at first sight. But the downside is, that all variants are displayed one after the other. When you offer multiple colors, this can have a negative impact because customers would rather see one product in different colors rather than seeing the whole collection of different products.
I would suggest changing the variants into single products and linking them via Metafields (Product reference as a list). This would also solve the issue with the images.
On a product page, you can add this kind of liquid to display the other colors :
{% for color in product.metafields.[namespace].[key].values %}
color.title
{% endfor %}
You’ll still have to change the styling, but this way, you would offer the user to quickly view the product in a different color.
Third-party apps make it easy to separate variants. I own the Stamp ‑ Variants on Collection app, and we help merchants display variants separately on the collection page and home page. You can customize the settings per collection to show or hide specific variants, filter variants, or separate them by specific options. For example, you can create a ‘Gold’ collection and display only gold-related variants.
In addition, the app also supports hiding unavailable or no-image variants, mixing variants, and infinite scroll for better browsing. These features make it easier to control how your products look and improve the shopping experience.
If you don’t actually want to split your products in the Shopify admin, but simply want each variant (like color or size) to appear as a separate product on your collection pages, there’s a no-code way to do it.
The app Variantify keeps your products and variants structured exactly as they are in the back office, but displays each variant as an individual product card on the storefront.
It’s handy if you want customers to see all available colors or styles right in the collection grid, without duplicating products or editing your theme code.
If your goal is to let customers view each color as a completely separate product — instead of showing all images from every color at once — you can easily achieve this with the Easify Product Options app, without editing any code or changing your product structure in Shopify.
Here’s an example I’ve created so you can see how it works:
First, you’ll need to add a Color Swatch option in Easify and set the colors. Inside each option value, simply paste the URL of the corresponding product page (as shown in the example).
For instance, for the “Black” color, paste the product page link for the Black variant.
This approach works exceptionally well if you offer many different designs and want customers to switch between them instantly—without touching theme code or dealing with the limitations of Shopify’s variant system. All configurations are handled directly within the app and render seamlessly on the storefront.
Easify also provides a clean, intuitive interface that makes product customization effortless, and their support team is always ready to assist whenever you need help.
In response to your requirements, we have developed a complete and well-established solution.
With our app LinkeOption, you can easily achieve the desired results without any coding knowledge. The setup process is simple and intuitive—just add your products to a product group, and the configuration is complete.
