WooCommerce：将所有产品变型添加到购物车

Question

我目前正在将基于Shopify的商店迁移到WooCommerce。 Shopify开发人员所做的一件有趣的事情（使用自定义代码）是能够将商品的所有变体添加到购物车中。

以下是示例产品：https://veilcosmetics.com/products/porcelain-foundation

这样做很简单：

<div id="add-all" class="btn">Add all to cart</div>

然后他们使用了此脚本：

$("#add-all").on("click", function () {
   var variant_id1 = $('.product-select.one').val(); 
   CartJS.addItem(variant_id1, 1) 
   var variant_id2 = $('.product-select.two').val(); 
   CartJS.addItem(variant_id2, 1)     
   var variant_id3 = $(".product-form__variants").prop('selected', true).val();
   CartJS.addItem(variant_id3, 1) 
 });

应该提到的所有具有变体的产品都具有一种三变体。不少没有了。

有没有人想过使用WooCommerce沿相同路线做某事的方法？我尝试使用简码生成数组，但是没有运气。