Shopify添加到购物车按钮不工作

Question

我的表单有些东西出了问题，但我无法修复它，按钮不会在它有选择器时添加一个项目，在这种情况下，您会抓紧磁带。看到这里链接这表明link：

<form 
 
       <p class="line-item-property__field"> 
 
    <label>Griptape?</label><br> 
 
    <input required class="required" type="radio" name="properties[Griptape?]" value="Grip it for me"> <span>Grip it for me</span><br> 
 
    <input required class="required" type="radio" name="properties[Griptape?]" value="Just send the grip"> <span>Just send the grip</span><br> 
 
</p> 
 
       <action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm"> 
 
      <select name="id" id="productSelect" class="product-single__variants"> 
 
       {% for variant in product.variants %} 
 
       {% if variant.available %} 
 

 
        <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option> 
 

 
       {% else %} 
 
        <option disabled="disabled"> 
 
        {{ variant.title }} - {{ 'products.product.sold_out' | t }} 
 
        </option> 
 
       {% endif %} 
 
       {% endfor %} 
 
      </select> 
 

 
      <div class="product-single__quantity{% unless settings.product_quantity_enable %} is-hidden{% endunless %}"> 
 
       <label for="Quantity">{{ 'products.product.quantity' | t }}</label> 
 
       <input type="number" id="Quantity" name="quantity" value="1" min="1" class="quantity-selector"> 
 
      </div> 
 

 
      <button type="submit" name="add" id="AddToCart" class="btn"> 
 
       <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span> 
 
      </button> 
 
      </form>

帮助非常感谢。

Answer 1

固定。对于未来的人，这是纠正代码：

<form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm"> 
 
       <p class="line-item-property__field"> 
 
    <label>Griptape?</label><br> 
 
    <input required class="required" type="radio" name="properties[Griptape?]" value="Grip it for me"> <span>Grip it for me</span><br> 
 
    <input required class="required" type="radio" name="properties[Griptape?]" value="Just send the grip"> <span>Just send the grip</span><br> 
 
</p> 
 

 
      <select name="id" id="productSelect" class="product-single__variants"> 
 
       {% for variant in product.variants %} 
 
       {% if variant.available %} 
 

 
        <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option> 
 

 
       {% else %} 
 
        <option disabled="disabled"> 
 
        {{ variant.title }} - {{ 'products.product.sold_out' | t }} 
 
        </option> 
 
       {% endif %} 
 
       {% endfor %} 
 
      </select> 
 

 
      <div class="product-single__quantity{% unless settings.product_quantity_enable %} is-hidden{% endunless %}"> 
 
       <label for="Quantity">{{ 'products.product.quantity' | t }}</label> 
 
       <input type="number" id="Quantity" name="quantity" value="1" min="1" class="quantity-selector"> 
 
      </div> 
 

 
      <button type="submit" name="add" id="AddToCart" class="btn"> 
 
       <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span> 
 
      </button> 
 
      </form>