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

Question

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

Answer 1

通过将其添加到 collection.liquid 来使用 shopify API

<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