To change the dropdown selector in debut theme with radio buttons, you can use this:
Replace the { % unless ... %} in { % form 'product'... %} with this snippet
{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}
<label {% if option.name == 'default' %}class="label--hidden" {% endif %}for="SingleOptionSelector-{{ forloop.index0 }}">
{{ option.name }}
</label>
{% assign option_position = forloop.index %}
<fieldset>
{%- for value in option.values -%}
<input type="radio" class="single-option-selector-{{ section.id }} "
{% if option.selected_value == value %} checked="checked"{% endif %}
value="{{ value | escape }}"
data-index="option{{option_position}}"
name="{{ option.name | handleize }}"
id="SingleOptionSelector-{{option_position}}">
<label for="SingleOptionSelector-{{ forloop.index0 }}">
{{value}}
</label>
{%- endfor -%}
</fieldset>
{% endfor %}
{% endunless %}
If helpful, please Like and Accept the solution
