自定义添加到购物车按钮 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>

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

Custom add to cart button Shopify

html

liquid

shopify