Changing variant dropdown to boxes in Venture

Technical Q&A
1

I have actually gotten the boxes to show up, but the dropdown is still on top in the product page and it’s also what goes to the cart. How can I get rid of the dropdown? Any ideas?

https://hvrzyv505vfkczvd-11694112834.shopifypreview.com

Thanks!

2

You need to update the code in your product-template.liquid file.
It looks like you are displaying the sizes but they are not connected to the selected variant.
Try adding this code to the current code between the lines
{% unless product.has_only_default_variant %} , around line 160, and before the closing {% endunless %} at around 226, with this code:

{% unless product.has_only_default_variant %}
            {% for option in product.options_with_values %}
              
                
                {% if option.name == "Size" %}
                
                
                {% assign index = forloop.index %}
               
                

                {% for value in option.values %}
                
                	
                    
                
                {% endfor %}
                

                
                
                
                
                
                
                {% else %}
                
                
                
                 
                {% endif %}
                
              

            {% endfor %}
          {% endunless %}

It won’t look exactly as you want it, but you can change the styling after. That should work, but you might already have made customizations to the code that could complicate it a bit.