在集合中添加“添加到购物车”按钮

时间:2019-02-28 17:17:09

标签: shopify

我有一个客户要求在其产品系列中的每个产品下方添加一个“添加到购物车”按钮,但我不知道如何。 我是Shopify平台的新手,我不熟悉Liquid,但是我确实尝试使用添加“购买”按钮的内置“频道”,但是在尝试粘贴代码时,它没有在预览中填充任何内容页。 任何帮助都会很棒。

1 个答案:

答案 0 :(得分:1)

通过将shopify API添加到collection.liquid

<form method="post" action="/cart/add">
 <input type="hidden" name="id" value="{{ product.variant.id }}" />
 <input min="1" type="number" id="quantity" name="quantity" value="1"/>
 <input type="submit" value="Buy" class="btn" />
</form>

在此循环中的某处添加

{% for product in collection.products %}
    ...
{% endfor %}

product.variant.id标识哪个商品已添加到购物车,并且可以替换为product.variants.first.id

这也详细说明了它如何工作以及如何适用于标准,非ajax表单 https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#add-to-cart