How To Show Variants As Separate Products On Shopify [DAWN THEME]

In this tutorial, we'll show you two ways to separate product variants on your collection page: using an app and custom code. Say goodbye to clutter and confusion and hello to an organized collection page that will make your customers happy!

==================================================
00:00 Introduction
00:25 App Options
01:14 Smart Product Filter & Search Shopify
02:31 Variator: See Product Variants
04:25 Product Variants using custom code in Shopify
==================================================

👨🏻‍🏫 If you’re a clothing boutique or apparel brand store owner who wants to know the 5 keys to successfully growing and scaling your business, we created a free 15-minute training where you can get instant access.

🔗 Schedule a FREE personalized strategy session to scale your online store.

💎 Our Website VIP Day service builds an e-commerce Shopify website in just one day, but spots fill up quickly. If you're interested in joining the waitlist, please sign up on our website and we'll notify you as soon as a spot becomes available.

📈Fix IOS tracking issues, predict when customers will make a second and third purchase, and finally understand the value of each customer.

Already launched your Shopify store? We created a mini-course for you to finally understand your Google analytics and what you need to do to maintain your website performance.

🛍 Clothing Store owner? Join our free online community

📩Post Pilot revolutionizes marketing by combining online and offline channels to generate significant returns on investment for stores using postcards. Learn more at

CommentSold is the leader in live social selling, boost your sales by 33%. Get white-glove treatment by the team at CommentSold.

🎧 Subscribe to the Optimized Store Owner Show Podcast

[diegosegura]

Gold, thank you for talking through code steps. No clickbait, just literally the solution.

[Mrobles]

This is gold!!! Thank you! I couldn't figure out how to separate each variant!

[campingwithstyle]

This is AMAZING. Thank you so much. Worked like a dream!

[CocktailCrawl]

this works great. however i takes away the function to show the second image in the collection page. How can this be fixed? thank you

[curiousperson]

ıs there any app both uses for showing variants as separate product and also Display Only The Selected Variant Images On The Shopify

[learnwithlarissa]

Can you upadate the code for Dawn 10.0 please :)

[amir_since]

if we do not want variant to show as seperate products even in inventory than how to do that its becoming hard to manage in inventory due to lots of variants in inventory option?, if you have read this please reply as soon as possible

[edlazor]

Variator didn't work for me using the Empire theme... It had missing rules and gave "server error" when trying to add one. I reached and await a response from their support.

[ishkul]

Thanks for this! However, this is working very well for English but my store has multiple languages and doesn't seem to work for anything except English. Any tips on how to fix that?

[Bunker-Apparel]

thank you, thank you, thank you. this is exactly what I was looking for.

[cozzie]

This is awesome! Used the custom code bit and it works well. 1 small thing though - the product count still reflects the original count. any way to update that too?

[calieturley]

This unfortunately did not work for me. I have the newest version, is that why? Any suggestions?

[fellipe_arauj]

Awesome! Exactly what I was looking for!

[chanelcoco]

going to try this now, was looking for it. thank you

[CONSCI-qj]

Great code, but it doesn't seem to work with Dawn 9.0.0. I checked everything several times, but it just doesn't change anything in the collections page :( Any idea why??

[willdougan]

Will either smart prod or variatior work with shopify bundles without conflict. Thanks

[glitterhaven]

Thanks so much. How would I know what to change in the code if I have to update my Dawn theme?

[melisahogg]

HI! Do you have one that shows how to show color swatch on the product/home page on Dawn 8.0?

[AA-mgxr]

Hi there, is there any way to make this work on Turbo theme?

[AshpreetKohli]

Or just duplicate the product and whichever variant you like to show first sort it by color inside the product page. :)