Dawn Theme - Showcasing variants as a separate product

Store Design
1

Hey all,

I’ve been searching for methods to showcase different variants as an individual product. But I can’t seem to get any of the codes I have found to work on Dawn theme.

Basically what I’m looking for is variants for a specific product (Example: T-Shirt - White/T-Shirt - Black) to be showcased as a separate product. When clicked onto, it will direct them to the MAIN product (T-Shirt) and the variants can be selected from there.

I have barely any knowledge in coding so I’m unable to get codes for other themes to work on the Dawn theme. Would be great if anyone could help me out

Thank you.

EDIT: For a better understanding of what I’m looking for https://www.vans.com.sg/catalogsearch/result/index/?q=Flying+V+T-shirt (Not sure if external websites are allowed but if not do let me know and I will remove)

2

Hi @BzTan ,

You want this feature: https://www.youtube.com/watch?v=ARpSIscriYA

You can refer to the instructions of the following post: https://community.shopify.com/c/technical-q-a/runnig-javascript-on-load-to-hide-unselected-variant-images/m-p/1517867#M82196

Hope it helps!

3

Hi @LitCommerce

Glad you replied but unfortunately, that is not what I’m looking for.

The feature that I want is the showcasing of variants as an individual product. So on the collection page I can see multiple T-Shirts of different colors. But when clicked onto it will direct to the main T-Shirt product page where you can see all the different color variants from.

4

Hi @BzTan ,

It will be a complex requirement and requires many changes, so it will be difficult for someone to guide you in detail.

I recommend you to install the app for it, refer https://apps.shopify.com/show-variants-on-collection-page

Hope it helps!

5

Hey,
I just found a solution for the same issue I was facing, found this gem who has presented a solution for this,
https://alanryan.dev/tips/color-variants-collection-page/

1 Like