2010-05-10 53 views
1

隨着Shopify我試圖改變我的產品模板,以顯示下拉選擇列表,而不是我的產品變型的單選按鈕。我設法做到了這一點,但是當您嘗試從列表中添加產品到購物車時,它會顯示「沒有變體ID已通過」。Shopify:用Dropdown替換產品單選按鈕選擇

這裏是他們的單選按鈕的代碼:

<ul id="product-variants"> 
      {% for variant in product.variants %} 
      <li> 
       {% if variant.available %} 
       <input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} /> 
       <label for="radio_{{variant.id}}"><span class="sku">{{ variant.sku }}</span> {%if variant.title != 'Default' %}{{ variant.title }} for {%endif%} <span class="price">{{ variant.price | money_with_currency }}</span></label> 
       {% else %} 
       <del style="margin-left: 26px">{{ variant.title }}</del>&nbsp;<span>Sold Out!</span> 
       {% endif %} 
      </li> 
      {% endfor %} 
      </ul> 

這裏是我的下拉代碼選擇在這一點上:

<select id="product-variants"> 
      {% for variant in product.variants %} 
      <li> 
       {% if variant.available %} 
       <option value="{{variant.id}}" selected="selected"><span class="sku">{{ variant.sku }}</span> {%if variant.title != 'Default' %}{{ variant.title }} for {%endif%} <span class="price">{{ variant.price | money_with_currency }}</span></option> 
       {% else %} 
       <del style="margin-left: 26px">{{ variant.title }}</del>&nbsp;<span>Sold Out!</span> 
       {% endif %} 
      </li> 
      {% endfor %} 
      </select> 

感謝,

韋德

回答