e-commerce - 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 %}

将产品添加到购物车

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

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