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}}"。