如何更改 woocommerce 错误消息在结帐页面上的位置

Question

我正在使用 Woocommerce，并且希望将用户未在表单下方输入必填字段时收到的错误消息放置在结账按钮之前。

我尝试将其添加到我的functions.php中

add_action( 'woocommerce_review_order_before_payment', 'wc_print_notices', 10  );

但这并没有改变结账公式上方出现的错误消息。

我必须删除哪个操作？

Answer 1

遗憾的是，似乎最好的方法是使用 jQuery 事件监听器，接受的答案是一个非常糟糕的主意。

我也更喜欢不同的方式。至少这样你就不必更改核心文件。而且相当稳定。尽管 WooCommerce 的重大更新如果更改类名，将来仍然可能会破坏它。

请注意，如果您尝试放入表单本身，它将进入循环。因此在某些情况下可能需要一些额外的检查

$('form.checkout.woocommerce-checkout').bind('DOMSubtreeModified',function(){
  if ($('ul.woocommerce-error').length) {
    $('ul.woocommerce-error').insertAfter('form.checkout')//where you want to place 
  }
});