how to add product variant with price radio select option on debut theme

Highlighted
Shopify Expert
65 2 5

I want to show product variant with price radio select option

Here is my debut theme code snippets 


{% unless product.has_only_default_variant %}
<div class="product-form__controls-group">
   {% for option in product.options_with_values %}
   <div class="selector-wrapper js product-form__item">
      <label for="SingleOptionSelector-{{ forloop.index0 }}">
      {{ option.name }}
      </label>
      <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input"
         id="SingleOptionSelector-{{ forloop.index0 }}"
         data-index="option{{ forloop.index }}"
         >
      {% for value in option.values %}
      <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}  --
      {% include 'product-price-reg', variant: current_variant %}
      </option>
      {% endfor %}
      </select>
      {% for value in option.values %}
      <input type="radio"
      {% if option.selected_value == value %} checked="checked"{% endif %}
      {% unless variant_label_state %} disabled="disabled"{% endunless %}
      value="{{ value | escape }}"
      data-index="option{{ forloop.index }}"
      name="{{ option.name | handleize }}"
      id="ProductSelect-option-{{ option.name | handleize }}-{{ value | escape }}">
      <label for="ProductSelect-option-{{ option.name | handleize }}-{{ value | escape }}">
      {{ value | escape }}
      </label>
      {% endfor %}
   </div>
   {% endfor %}
</div>
{% endunless %}

 
I want output looks like rsz_2screenshot_from_2020-11-05_14-07-08.png

 

0 Likes