shopify 液体添加到购物车按钮

Question

我是 shopify 主题开发的新手，我正在从头开始构建主题以获取经验。我在使用产品页面上的 'add to cart' 按钮时遇到问题。尽管我有多种产品选项，但我只将 'size' 选项显示为单选按钮，然后输入数量并将其添加到购物车。我现在面临的问题是购物车一次只添加 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 三次添加到购物车。

shopify 液体添加到购物车按钮

shopify liquid add to cart button

html

forms

shopify

liquid

shopify-template