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