Yes, it’s possible to show product variants as separate products on the collection page in Shopify, even while keeping the link to the same main product page. This would involve a bit of customization, both in your theme’s liquid code and possibly some JavaScript, but it can be done.
Here’s a general approach on how to achieve this:
1. Duplicate the Product Variants on the Collection Page
You can loop through the variants of a product and display them as individual items in the collection grid. For each variant, Shopify can create a new “product” that behaves like a regular product, but when clicked, it redirects to the main product page.
2. Edit the Collection Template (Liquid)
In the theme’s collection template, you will modify the loop that generates each product on the collection page. You’ll use Liquid to loop through the variants of each product and display them as separate “products” in the collection grid.
3. Link Each Variant to the Main Product Page
Each variant will need to link back to the main product page using a custom URL. You can generate a link to the main product using the product’s URL, or you can generate the URL for the specific variant, but it should redirect to the product detail page.
Hey,
in order to show the Product variant as a Separate product the you need to use a Custom Shopify product info block for this. Like create a new template then create the fake variants with circular and then assign a link of the product variants that you add as a new product the separate one.
This is the work around you can use.
If you could share your store url and 4 digits collab code in the p/m then I can setup it for you.
Thanks
In the Pipeline theme, displaying each variant as a separate product on the collection page isn’t supported by default. To set this up, you would need some custom development or use an app that handles variant-based listings.
You can approach it in two ways:
Custom Development – By using metafields or a script, you can map variants and show them in the collection grid while linking them back to the main product page.
Apps – Some apps allow you to create variant listings that appear separately but redirect customers to the original product page when clicked.
If you want, you can invite me to your Shopify store and I’ll set it up for you - no worries! You can check my work here: https://www.rajatweb.dev/.
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 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.
Just a heads up for anyone considering the “create fake variants” or “duplicate as separate products” approach mentioned above, that can cause real issues down the line. You end up with inventory that’s hard to track, potential duplicate content problems for SEO, and a lot of manual work every time you add a new product.
What @Chloe_M described is actually a pretty common need: variants displayed as individual cards in the collection grid, but all clicking through to the same product page. No duplication, no workarounds.
Variantify does this natively. It works at the display level only, your product data, inventory, and URLs stay exactly as they are. Each variant just gets its own card on collection pages with the matching image and price. It’s theme-agnostic, so Pipeline or any other OS 2.0 theme should work fine.
, Have you been able to get the pipeline theme for your store?