Convert option varients to radio buttons

[momoluca]

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:

<div class="selector-wrapper">
 <ul> {% for variant in product.variants %}
   <li>         
        <label for="radio_{{ variant.id }}" class="radio"><input id="radio_{{ variant.id }}" type="radio" name="id" {% if forloop.first %}checked="checked"{% endif %} value="{{ variant.id }}">
                        {{ variant.title }} - {{ variant.price | money }}
         </label>
   </li>
      {% endfor %}
  </ul>
</div> 

This is what I have so far:

{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}
<div class="selector-wrapper js product-form__item lf-variant-{{ option.name }}">
<div class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="SingleOptionSelector-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
{% if option.name != 'Color' %}
<input type='radio' value="" checked="checked">Select {{ option.name }}</option>
{% endif %}
{% for value in option.values %}
<input type='radio' value="{{ value | escape }}">{{ value }}</option>
{% endfor %}
</div>
</div>
{% endfor %}
{% endunless %}

This is how it supposed to look like 

All help appreciated!

[KetanKumar]

@momoluca 

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.

[momoluca]

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