将产品添加到具有多个变体的购物篮（Shopify）

Question

我有以下代码可以正常工作，除了当我将相同的产品添加到购物篮中时，实际上是清空购物篮并添加新产品，而不是添加到购物篮中的当前产品。

<table>
  {% for variant in product.variants %}
    {% if variant.available %}
      <tr class="{% cycle 'pure-table-odd', '' %}">
        <td>
          <a href="{{ variant.url | collection }}">
           {{ product.title }}{% unless variant.title contains 'Default' %} - {{ variant.title }}{% endunless %}{% unless variant.sku == blank %} - {{ variant.sku }}{% endunless %}
           {{ variant.quantity }}
          </a>
        </td>
        <td>
            <button type="button" id="sub" class="sub">-</button>
            <input name="updates[{{ variant.id }}]" onfocus="this.select()" class="quantity field" min="0" {% unless variant.inventory_management == blank or variant.inventory_policy == 'continue' %} max="{{ variant.inventory_quantity }}" {% endunless %} type="text" value="0" tabindex="1" />
            <button type="button" id="add" class="add">+</button>
        </td>
      </tr>
    {% endif %}
  {% endfor %}
</table>
  <input type="submit" value="Add to the cart" />

我想制造它，​​这样当您将其添加到购物篮时，它就会添加到购物车中，而不是清除并再次添加。