Change Variant dropdown menu to radio buttons in Supply theme

Solved
John_CCW
Tourist
8 0 4

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!!!

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2495 9027

This is an 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 

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

View solution in original post

Replies 13 (13)
KetanKumar
Shopify Partner
24919 2495 9027

This is an 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 

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

View solution in original post

Ollie
Shopify Staff
400 47 72

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:

15-12-95428-51555

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.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

John_CCW
Tourist
8 0 4

Using the Supply Theme on classiccarwiring.com

KetanKumar
Shopify Partner
24919 2495 9027

@John_CCW 

thanks 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ollie
Shopify Staff
400 47 72

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.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

John_CCW
Tourist
8 0 4

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

KetanKumar
Shopify Partner
24919 2495 9027

@John_CCW 

thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Giants_Fan
New Member
21 0 0

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
Tourist
8 0 4

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.