Shopify液体添加到购物车按钮

Question

我是Shopify主题开发的新手，并且我从头开始建立一个主题以获得经验。我的产品页面上的“添加到购物车”按钮遇到了麻烦。即使我有各种产品的产品选项，我也只显示“大小”选项作为无线电按钮，然后将输入数量添加到购物车中。我现在面临的问题是，购物车一次只添加1个项目，因此，即使我将3或4作为我的数量输入，购物车也只会添加1个作为数量。 这是我的代码：

{% form 'product', product %}
        <div>
            <p class="option-title">Size</p>
            <div class="line"></div>
            <div class="options">
                {% for product_option in product.options_by_name['Size'].values %} 
                    <input type="radio" id = "{{ product_option }}" name="size" value="{{ product_option }}" > 
                    <label for="{{ product_option }}">{{ product_option }}</label> 
                {% endfor %}
            </div>
        </div>

        <div class="line"></div>

        <div class="quantity-add">
            <div class="input-quantity">
                <input class="input-quantity" type="number" min="1" placeholder="1"> 
                <input type="hidden" name="id" data-productid="{{ product.variants[0].id }}" value="{{ product.variants[0].id }}" data-variant-title="{{ product.variants[0].title }}" />
            </div>
            <div class="cart-button">
                <button class="cart-btn" type="submit" value="Add To Cart">ADD</button> 
            </div>
        </div>     
    {% endform %}

任何帮助都将不胜感激。我对应该如何解决它感到非常迷失。

Answer 1

如果您在输入元素中添加正确的name value 属性，则应正常工作：

<input name="quantity" value="3">

这将使所选的变体ID添加到购物车中。