Add swatch with dropdown to product page (Dawn theme)

[Loz86]

Hi guys.

I want to add a swatch (that uses hex codes already specified in the custom.color namespace and key for the variant metafield definition) to my Dawn theme and also a dropdown above which shows the variant name for the selected variant colour above.

Like this

And here’s my Variant metafield definition

[Sweet_Savior_3]

Hello @Loz86

I have understood your query. But this is a custom requirement and as you are showing the colors via metafield the color selected by the customer will be added as product property in cart. So for this you need to contact a developer.

Thanks

[Loz86]

Hi @Sweet_Savior_3

I’m aware this is a custom requirement and I need to contact a developer which is why I have posted the question here, where developers are who answer custom questions likes this.

[Sweet_Savior_3]

Hello @Loz86

I can understand your concern for your requirement. But the code can’t be provided as the setup is lengthy and you can face issue with the setup which might create issues with your theme. So if you need help for the setup do let me know Here.

Thanks