在 WooCommerce 结帐中将优惠券表单移至小计之前

Question

在我的店面子主题中，在结帐页面中，我尝试将优惠券代码块移至购物车总数上方和商品评论下方

我看到review-order.php在正确的位置有以下钩子：

do_action( 'woocommerce_review_order_after_cart_contents' );

所以在functions.php文件中，我添加了：

remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );

add_action( 'woocommerce_review_order_after_cart_contents', 'woocommerce_checkout_coupon_form' );

但是，优惠券块出现了两次......并且在订单评论上方而不是下方。

Answer 1

由于钩子woocommerce_review_order_after_cart_contents 位于</tr>和标签之间的html 表内</tbody>，因此它需要显示在特定的 html 结构内，以避免出现问题。以下将做到这一点：remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );add_action( 'woocommerce_review_order_after_cart_contents', 'woocommerce_checkout_coupon_form_custom' );function woocommerce_checkout_coupon_form_custom() {&nbsp; &nbsp; echo '<tr class="coupon-form"><td colspan="2">';&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; wc_get_template(&nbsp; &nbsp; &nbsp; &nbsp; 'checkout/form-coupon.php',&nbsp; &nbsp; &nbsp; &nbsp; array(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'checkout' => WC()->checkout(),&nbsp; &nbsp; &nbsp; &nbsp; )&nbsp; &nbsp; );&nbsp; &nbsp; echo '</tr></td>';}代码位于活动子主题（或活动主题）的functions.php 文件中。经过测试并有效。如果您想直接显示优惠券表单，您可以在活动子主题（或活动主题）的 style.css 文件中添加以下内容：.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {&nbsp; &nbsp; display: block !important;}