How to convert option variants into radio buttons?

Hello everyone!,

First time poster here im a bit stuck on a tricky problem but I am almost there! I want convert our stores existing selector into radio buttons

(This is what I have so far)

The probelm is when i submit nothing happens

However i know the radio submission does work as i tested it using this code:

    {% for variant in product.variants %}
  • {{ variant.title }} - {{ variant.price | money }}
  • {% endfor %}

This is what I have so far:

{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}

{% if option.name != 'Color' %} Select {{ option.name }} {% endif %} {% for value in option.values %} {{ value }} {% endfor %}
{% endfor %} {% endunless %}

This is how it supposed to look like

All help appreciated!

@momoluca

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

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

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

Hello @KetanKumar ,

Here it is so far

I need it to show size and fit

https://d5rgw1f4agdcgbx7-51611795648.shopifypreview.com/products/sky-blue-portofino-linen-shirt