Question

我开始了一个名为Ribbon＆amp; amp;罗宾已经建立了Shopify商店，销售图书和商品。在Shopify故事中，书籍和商品都被设置为不同的'集合'。商品有多种变体（尺寸，颜色）。书籍产品没有变种。

此处供参考 - https://ribbonandrobin.com/

我要做的是在主页上添加添加到购物车按钮，自动将Books collection中的所有产品添加到购物车中。并忽略Merchandise collection中的产品。

有一种简单的方法吗？任何人都可以提出一些代码片段吗？

我已经尝试过代码建议here没有运气。 Shopify的支持提到它是可能的，但我说我应该通过反复试验找出自己的方法。

Answer 1

这样做并不太难。

您需要从特定集合（在本例中为书籍）中循环所有产品，并将其变体输出为隐藏输入。

您使用表单元素包装所有这些元素并添加提交按钮。标准的东西。

唯一重要的是为隐藏的输入名称添加方括号，以便您可以添加所有这些，而不仅仅是最后一个。

所以在代码中它看起来像这样：

<form id="add-item-form" action="/cart/add" method="post">
  {% for product in collections['book'].products %}
    <input type="hidden" name="id[]" value="{{ product.variants[0].id }}">
  {% endfor %}
  <input type="submit" id="add-to-cart" name="add" value="Add All Products to Cart" />
</form>

如何在Shopify中添加添加到集合中的所有产品的ADD TO CART按钮？

1 个答案: