Changing variants from dropdown to button

[bmturner09]

I have the free debut theme and am looking to change my variant options from a dropdown function to a button option. This is what I am looking to have. Does anyone know the coding for this? Also what liquid theme I would need to change it on.

[moltencommerce]

@bmturner09 Hello,

Please kindly check the repository by the link here: https://github.com/adrien2p/shopify-debut-swatch
There you can follow the step-by-step guidance on how to add variant swatches to your Debut theme.
Please accept the solution if that works and let me know if you need assistance.
Hope that helps.

[ExpertRookie]

Hi @bmturner09

To change the dropdown selector in debut theme with radio buttons, you can use this in sections/product-template.liquid:
Replace the { % unless … %} in { % form ‘product’… %} with this code

{% unless product.has_only_default_variant %}
              {% for option in product.options_with_values %}
                
                {% assign option_position = forloop.index %}
                
              {% endfor %}
            {% endunless %}

remember to comment the combox selector

[websensepro]

Checkout this video tutorial for the solution

How To Add Buttons in Variant Selector on Debut Theme