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

Question

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

这是我的代码：

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

注意：这value是我需要能够进行硬编码的产品 ID。

我没有收到任何错误，只是转到购物车页面，显示购物车为空。奇怪的是，如果我的购物车里已经有东西，它会添加该产品的副本。

Answer 1

您需要采取行动/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>