Woocommerce如何将优惠券表单移动到结帐页面的底部

Question

我已经尝试在woocommerce的结结账模板下删除form-coupon.php，在子主题functions.php文件上使用此代码:

add_filter( 'woocommerce_review_order_before_payment' , 'coupon_code' );

function coupon_code() {
if ( ! wc_coupons_enabled() ) { // @codingStandardsIgnoreLine.
return;
}
?>
<div class="coupon_code_form">
<form class="checkout_coupon woocommerce-form-coupon" method="post" style="display:none">
<h4>ברשותך קוד קופון? הזיני כאן<h4/>
<div id="coupon_redeem_form">
<input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e( 'הזיני קוד קופון', 'woocommerce' ); ?>" id="coupon_code" value="" />
<button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?>"><?php esc_html_e( 'Apply coupon', 'woocommerce' ); ?></button>
</div>
<div class="clear"></div>
</form>
</div>
<?php
}

由于某些原因，表单显示但没有发送post，为什么会发生这种情况?

Answer 1

您可以通过将其从页面顶部移除并重新添加到页面底部来更改其位置。

您可以使用以下代码删除coupon form:

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

为了将其添加回order review部分之后，可以使用以下代码:

add_action('woocommerce_checkout_order_review', 'woocommerce_checkout_coupon_form', 5);

或者您可以根据您希望看到优惠券表单的位置更改woocommerce_checkout_order_review挂钩。

代码进入子主题的functions.php文件!

这个答案已经经过测试并且有效。如果你也能让它工作，请告诉我!