自定义添加到购物车按钮Shopify

时间:2018-08-17 18:31:31

标签: html shopify liquid

我只是想创建一个“添加到购物车”按钮以用于Shopify主题的模板和部分。很简单的。

这是我的代码:

<form method="post" action="/cart/">
  <input name="id" value="1402808270917" type="hidden" />
  <input name="add" value="ORDER NOW" type="submit" />
</form>

注意:value是产品ID,我需要对其进行硬编码。

我没有收到任何错误,只是转到购物车页面,指出购物车为空。奇怪的是,如果我已经在购物车中放东西了,它将添加该产品的副本。

1 个答案:

答案 0 :(得分:3)

您需要采取行动/cart/add

并且您不能将带有产品ID的产品添加到购物车,只能使用变体ID来实现。

如果您的产品仅具有默认变体,则可以使用:

<form method="post" action="/cart/add">
  <input name="id" value="{{ product.variants.first.id }}" type="hidden" />
  <input name="add" value="ORDER NOW" type="submit" />
</form>