在主页上输出多个集合时，Shopify数量字段不起作用

Question

我在我的主页上输出了两个集合，每个产品都有一个数量文本框和添加到购物车按钮。

我的问题是数量字段不起作用 - 无论我输入什么值，只有一个产品被添加到购物车。如果我从其中一个集合中删除了数量字段，那么另一个集合开始工作，所以当它们都在那里时它只是一个问题。

我觉得这应该是非常简单的，但我现在已经开始反对它近一天了，所以我承认失败了！

以下是我的液体文件中的代码（为清晰起见，删除了大多数html）：

{% for product in collections.mixr.products %}

    <div class="product">

        {{ product.title }}
        {{ product.price | money }}

        <form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm{{ product.variants.first.id }}">

            <input type="hidden" name="id" value="{{ product.variants.first.id }}" />

            <input min="1" type="number" name="quantity" id="product-quantity-{{ product.variants.first.id }} value="1" />

            <button type="button" name="add">
                {{ 'products.product.add_to_cart' | t }}
            </button>

        </form>

    </div>

{% endfor %}