title: Shopify Multiple Product Options
body: <p>I currently have the following form which is all good and generates the multiple variant dropdowns, but when trying to add it to cart using <code>Cart.js</code> it doesn't actually add anything to the cart. I'm unsure if I'm missing some code here but what I've done currently in my theme is:</p>
  
  <p><strong>In my header</strong></p>
  
  <p><code>{{ 'option_selection.js' | shopify_asset_url | script_tag }}</code></p>
  
  <p><strong>Add to cart Form</strong></p>
  
  <pre><code>      &lt;form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm" class="form-vertical" data-cart-submit&gt;
  
          &lt;select id="variant-select" name="id"&gt;
            {% for variant in product.variants %}
              {% if variant.available %}
                &lt;option value="{{variant.id}}"&gt;{{ variant.title }} for {{ variant.price | money_with_currency }}{% if variant.price &lt; variant.compare_at_price %} usually {{ variant.compare_at_price | money_with_currency }}{% endif %}&lt;/option&gt;
              {% else %}
          &lt;option value="{{variant.id}}" disabled="disabled"&gt;{{ variant.title }} - sold out!&lt;/option&gt;
              {% endif %}
            {% endfor %}
          &lt;/select&gt;
  
          &lt;input name="cart-add" type="submit" class="button" id="cart-add" value="Buy Now!"&gt;
          &lt;span id="price-field"&gt;&lt;/span&gt;
        &lt;/form&gt;
  </code></pre>
  
  <p>Am I missing something here?</p>