如何在Shopify中创建一个ADD to CART按钮来添加一个集合中的所有产品？
如何在Shopify中创建一个ADD to CART按钮来添加一个集合中的所有产品？
提问于 2016-11-14 00:56:37
我开始了一个名为“丝带与罗宾”的丛书系列，并建立了一家Shopify商店，销售图书和商品。书和商品在Shopify故事中都被设置为不同的收藏的。商品产品有多种变体(大小、颜色)。书籍产品没有变体。
供参考- https://ribbonandrobin.com/
我要做的是在主页上添加一个ADD to CART按钮，自动添加藏书中任何产品到cart中的所有产品。而忽略商品收藏中的产品。
有什么简单的方法吗？有人能建议一个代码片段来工作吗？？
我已经尝试过建议这里的代码，但没有结果。Shopify支持提到这将是可能的，但他说，我应该弄清楚如何自己通过尝试和错误。
回答 1
Stack Overflow用户
发布于 2016-11-14 08:30:58
这么做不难。
您需要从一个特定的集合(在本例中是图书)循环所有产品，并将其变体作为隐藏的输入输出。
用一个form元素包装所有这些元素，然后添加一个submit按钮。标准的东西。
唯一重要的是为隐藏的输入名称添加方括号，这样就可以添加所有的输入名称，而不仅仅是最后一个。
因此，在代码中，它将如下所示：
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40580504
复制相关文章
相似问题
腾讯云开发者
