How do I change dropdown variants to buttons on debut theme?

New Member
2 0 1



My product has a size variant and a color variant. I wanted to see how I can change the default drop-down variants to where you can just click them with some sort of square or circle button. Bonus points if the color variant one can have the actual colors inside them! (Just black and white). 


I've tried some apps for this but all they do is add the buttons IN ADDITION to the dropdown menus, which doesn't work well with DSers because when someone places an order, the order specifics will be based off what is selected on the dropdown menus rather than the extra buttons from the app.


Anybody who can get me some instructions that work with the debut theme is appreciated!

Shopify Partner
14101 1641 5054


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing