WooCommerce：分组/捆绑产品的自定义模板

Question

我使用Woocommerce和高级自定义字段ACF的组合创建了一个页面，以实现具有非常复杂布局的产品列表。产品可能不止一次出现，但只能购买一次和其他奇怪的东西。使用post objects内的ACF repeater field拉入产品。

我还设法使用woocommerce提供的[products]短代码为每个产品显示添加到购物车按钮。

我现在想拥有的是“将所有产品添加到购物车”按钮，以便在此页面上购买所有产品，而不是将它们单独添加到购物车中。

我已经测试过woocommerce分组和捆绑产品，但我在布局方面需要更多的灵活性。用于调整布局的钩子不够灵活。

任何帮助表示赞赏！谢谢！

Answer 1

你可以使用一些jQuery。有一个自定义按钮，点击它会触发“添加到购物车”按钮＆＃39;在所有产品上？

像

这样的东西

$('.addall').on('click', function() {
  $('.product').each(function(){
    $(".addToCart", this).trigger( "click" );
  });
});

Simple fiddle显示trigger正在工作。