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

Question

我已尝试使用此代码在子主题functions.php 文件上删除 woocommerce 结帐模板下的 form-coupon.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
}

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

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 文件！

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