Hi all! I am looking to show all variants of every product as separate products on the collection page. Dawn Theme.
But I want to keep the products grouped as variants on the product page. I also use color swatches and I don’t want this to change on the product page.
Basically, I just want to show all product variants as separate products on collection page but leave product pages untouched. So, when a customer clicks a variant of a product some will lead back to the same page.
Question 2 - will this affect SEO at all?
Hi @babystore123 ,
We can achieve this by looping the variants on the collection page. However this might increase the length of the page. For example, if there are 6 variants of same product, the first screen will be able to display only one product. This will not ne a good approach as people will see very less products.
The better approach here would be to show a color swatch and variant on each grid.
This can be done by changing how product variants are being looped at collection page, You can use an app or Hire a developer to get this thing done, I have done this for a client, Let me know if you want the service, I can get it done fast and economic. mail me at connect@windborne.solutions
Third-party apps make it easy to separate variants. I own the Stamp – Collection Variantsapp , 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.https://youtu.be/Pdk4JmfJjqQ
Hey @babystore123
Coming across this a bit late, but since the thread is still open I figured it might help others looking for the same thing.
I had a similar need on a Dawn store, wanting each color variant to show up as its own product card on collection pages, without actually duplicating anything in the admin. The main concern was exactly what @theycallmemakka mentioned: if you loop variants directly in the template, the page gets long and the UX suffers.
What ended up working well was using an app called Variantify , it keeps your product structure completely intact in the back office (all variants stay under the same product), but on the storefront, each variant appears as a separate product card on collection pages. No code changes needed.
To answer your SEO question: since the variants aren’t actually being split into separate products, you’re not creating duplicate product pages or diluting your URLs. Everything still points back to the original product page, which is generally what you want for SEO.
Hope that helps someone landing here with the same question!
