Change Variant dropdown menu to radio buttons in Supply theme

[John_CCW]

We have 2 size options on 95% of our products. Would like to show the 2 variants as radio buttons instead of drop downs. How would we go about doing this?

New to Shopify so my "liquid" knowledge is not so good.

Thank You!!!

[KetanKumar · Accepted solution]

@John_CCW 

can you please try this 

https://community.shopify.com/c/shopify-design/product-pages-add-color-swatches-to-products/td-p/616...

if need any help let me know 

[philomathy]

Hi Ketan, 

I am facing the same issue. I want to change the dropdown to be a radio button.

I used the link you provided but I am unable to find the "selectCallback" function in any of the files listed. I even went through others looking for them.

I am using Supply theme. 

[D-Design]

THe linked article is "archived," so it cannot be read.    Amazing..   Can you put the actual solution in this thread?

thanks

[Ollie]

Hey @John_CCW.

Thanks for reaching out.

Could you let us know which theme you are using? If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots to see who the theme is designed and supported by. I took a screenshot from my test store to show you the section I am referring to:

Once we determine which theme you are using on the online store, we can then look to provide the next best steps to have the variant options appear as mentioned above.

Looking forward to your reply.

[John_CCW]

Using the Supply Theme on classiccarwiring.com

[KetanKumar]

@John_CCW 

thanks 

if you have able to code try above guide if any issue let me know

[Ollie]

Hey @John_CCW.

Thanks for providing the theme and URL to the store as that is super helpful!

Looking into the link you have provided, by default the Supply theme will create a drop down menu for the variant options that have been added to a product. Since the Supply theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal themes team to make changes on your behalf.

With that being said, if you are interested in using the design time, we will need you to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before discussing the changes with a Support Advisor.

Let me know if you have any questions.

[John_CCW]

I used Ketan's solution and was able to implement it on Supply Theme. 

[KetanKumar]

@John_CCW 

thanks for update

[Giants_Fan]

Trying to change the variant drop downs  to radio buttons as well.  Link above says no longer viable.  Anybody have a solution for this?

[John_CCW]

This link does say "not viable" but it worked for us less then a month ago. Read through it all the way, a few other users added some very important points. We use the "Supply" theme, it may not work on others though.

[John_CCW]

 

 

[KetanKumar]

@John_CCW 

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.

[John_CCW]

Thanks  KetanKumar

I'm good, just showing the example to an above user that's looking to set up the buttons instead of dropdowns.

You helped me with this awhile ago 🙂

[KetanKumar]

@John_CCW 

can you please check your theme setting may allow this option change radio to dropdown