A merchant wants to display product variants (colors, sizes) as individual items on collection pages rather than using dropdowns on product pages. They’re seeking solutions that avoid manual product duplication and are compatible with the Dawn theme.
Available Solutions:
Key Considerations:
The discussion remains open with multiple viable options presented, ranging from custom code to ready-made app solutions.
I want to display my product variants (like different colors or sizes) as separate products on my collection page (Checkout), instead of using a dropdown on the product page. I’ve seen some stores do this, but I’m not sure how to achieve it in Shopify.
Is there a way to do this without manually duplicating products? Can it be done using Liquid, metafields, or an app? I’m using the Dawn theme but open to general solutions. Any guidance or code suggestions would be greatly appreciated!
Hi @johnharrys ,
This is possible, it just won’t work well with pagination.
Please let me know, I will check soon.
Hello there @johnharrys check out the reply marked as a solution here to see both the coding solution and the app recommendations that can help you in this situation https://community.shopify.com/topic/2589904
Hi @johnharrys ,
You can refer this post https://community.shopify.com/post/2741385
I helped to setup this site https://www.woodpanelco.co.uk/products/classic-oak
Hi @johnharrys ,
Yes! You can display product variants (like different colors or sizes) as individual products on your collection page without manually duplicating them.
A great way to achieve this is by using an app like Bundler – Product Bundles. While it’s mainly designed for bundling, it also allows you to showcase product variations as separate products, making it easier for customers to browse different options.
Another good alternative is Variator: Split Variants into Products, which is specifically built for this use case.
Both of these provide a no-code solution, ensuring your inventory stays synced while improving the shopping experience.
Hope this helps! Let me know if you have any questions. 
Regards,
You’ll find both a manual method and third-party solutions discussed within the thread. Basically you can edit your theme liquid code and show variants separately as products or you can use third-party apps to do it.
Yes, what you’re trying to achieve is absolutely possible — and without the need to manually duplicate or restructure your entire catalog.
You can list each product (like different colors or sizes) separately in your collection pages, and then group them visually as variants on the product page using a simple system.
Here is an app specifically for this purpose:
Product as Variants by OnlyWeb
It allows you to treat separate products as if they were variants of a single product, without compromising on SEO, inventory, or customization.
What it does:
Displays grouped products on the product page using a theme block
Uses Shopify metafields (no hacks or duplication)
No code required
Works with Shopify 2.0 themes
Hello @johnharrys
I also encounter this before and also make me lose some customer, but actually my shopify marketing agency helped me out.
Third-party apps make it easy to separate variants. I own the Stamp – Collection Variants app , and we help merchants display variants separately on the collection 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.
Shopify recently introduced a new product variant metafield type. In this tutorial, I walk you through how it works and show you how to build the feature with it.
Hi @johnharrys 
When you want to display your product variants (such as colors, sizes, or product types) as separate products on the collection page, Shopify unfortunately doesn’t support this behavior by default — all variants must live inside a single product. When switching variants, Shopify only updates the images and inventory, while the product title and description remain unchanged.
To achieve what you want without manually duplicating products or modifying theme code, I recommend using Easify Product Options, an app that can fully support this setup.
Here’s an example I’ve created so you can see how it works:
To create this layout, all you need to do is add a Color Swatch option in Easify to display all your product designs/colors/versions.
Each choice appears as a small thumbnail, allowing customers to quickly recognize and compare the options without having to read long descriptions.
Inside each swatch value, simply upload the image and paste the URL of the corresponding product page, just like in the example screenshot.
When a customer clicks on a swatch, they’ll be taken directly to the correct product page, where the title, description, images, price, and inventory all match the actual product.
It’s incredibly easy to use and performs perfectly when it comes to product personalization. Easify’s support team is just a message away if you ever have questions. 
