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

Question

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

内使用 ACF post objects 拉入产品

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

我现在想要的是一个 "Add all products to cart" 按钮来购买此页面上的所有产品，而不是将它们单独添加到购物车。

我已经测试了 woocommerce 分组和捆绑产品，但我需要在布局方面有更大的灵活性。提供的调整布局的钩子不够灵活

感谢任何帮助！谢谢！

Answer 1

您可以使用一些 jQuery。有一个自定义按钮，点击它会触发所有产品的 'add to cart button'？

类似

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

Simple fiddle 显示 trigger 工作。