shopify 液体添加到购物车按钮
shopify liquid add to cart button
我是 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 %}
任何帮助将不胜感激。我对如何修复它感到迷茫。
如果您将适当的 name
和 value
属性添加到您的输入元素,它应该可以正常工作:
<input name="quantity" value="3">
这会将所选变体 ID 三次添加到购物车。
我是 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 %}
任何帮助将不胜感激。我对如何修复它感到迷茫。
如果您将适当的 name
和 value
属性添加到您的输入元素,它应该可以正常工作:
<input name="quantity" value="3">
这会将所选变体 ID 三次添加到购物车。