Shopify Liquid：使用自定义部分将产品添加到客户购物车

Question

如何在自定义部分中将产品添加到购物车。

我有这个自定义部分，其中选择了多个产品，我想在客户点击购买时将它们全部添加到购物车中。

我猜有一个表格用于将POST 产品放入客户购物车？

访问产品

{{ for collection in collections }}
    {{ for product in collection.products }}
        <input type="checkbox" name="{{product.title}}" value="{{product.title}}" > {{product.title}}<br>
    {% endfor %}
{% endfor %}

将产品添加到购物车

我是使用<form>，还是可以使用shopify tag 来创建表单？我不明白如何将这些选定的商品添加到客户的购物车中。

Answer 1

你几乎可以做到这一点。

<form action="/cart/add" method="post">
  {%- for variant in product.variants -%}
    <input type="checkbox" name="id[]" value="{{ variant.id }}" />
  {%- endfor -%}
  <input type="submit" value="Add to cart" />
</form>

您必须将输入命名为 name="id[]" 而不是 name="{{product.title}}"。