Simple way to change variant from a dropdown to buttons? Debut theme

Shopify Discussion
1

I haven’t seen any solution for this in the community. Would love to make this change to expose all my item variants as buttons.

2

The most recent version of Debut successfully updates variants on inputs with the class name single-option-selector. I have working radio buttons based on a metafield ( product.metafields.product_selector.type == ‘radio’ ). No need for js customizations. Just customize how it looks with css, but don’t use css to target the single-option-selector class.

{% unless product.has_only_default_variant %}

  {% for option in product.options_with_values %}
  {% assign i = forloop.index %}
  {% assign i0 = forloop.index0 %}

  {% if product.metafields.product_selector.type == 'radio' %}
    
  {% else %}
    
      
      
    

  {% endif %}
                
  {% endfor %}

{% endunless %}
3

Could you specify where to add this code?