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

Posted 2023-05-09

【中文标题】Woocommerce 如何将优惠券表格移动到结帐页面的底部

【英文标题】：Woocommerce how to move coupon form to the bottom of the checkout page

【发布时间】：2021-12-11 03:54:54

【问题描述】：

我已尝试使用此代码在子主题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

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

【问题讨论】：

请具体说明。

【参考方案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 文件！

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

【讨论】：

它确实有效，但我们需要从优惠券表单中删除一些功能，我认为功能 'coupon_code' 无法正常工作

表格没有提交，自己看-> woocommerce-620267-2036098.cloudwaysapps.com/checkout

这些链接对您有帮助吗？ This 和 this。

实际上没有，我都试过了，这是网站上的最后一个 -> ***.com/questions/62893614/…

如果我将钩子移到woocommerce_checkout_order_review 表单不会提交