Woocommerce - 如何更改结帐页面上显示的内容？

Question

我想移动您在页面顶部输入优惠券的位置，以便在woocommerce结帐页面上的页面下方（订单摘要下方）下方。哪里＆amp;我怎么能这样做？

提前致谢！

以下是checkout文件夹中form-coupon.php的代码，以防它有用：

if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}

if ( ! wc_coupons_enabled() ) {
return;
}

if ( ! WC()->cart->applied_coupons ) {
    $info_message = apply_filters( 'woocommerce_checkout_coupon_message', __( 'Have a coupon?', 'woocommerce' ) . ' <a href="#" class="showcoupon">' . __( 'Click here to enter your code', 'woocommerce' ) . '</a>' );
wc_print_notice( $info_message, 'notice' );
}
?>

<form class="checkout_coupon" method="post" style="display:none">

    <p class="form-row form-row-first">
        <input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" id="coupon_code" value="" /> 
</p>

    <p class="form-row form-row-last">
        <input type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply Coupon', 'woocommerce' ); ?>" />
    </p>

    <div class="clear"></div>
</form>

我添加了下面建议的代码，但是它有效，但它将页面上的最后一行向下移动，所以它看起来并不合适。这是它的图片（条款和条件以及下订单按钮。

Answer 1

更新

无法在结账表格中移动优惠券

最后，不可能在您的订单摘要标题之后插入优惠券字段及其“申请”按钮，因为它是一个具有自己的个人表单使用另一个提交按钮（下订单）提交您在另一个表单中插入的按钮。

您可以做什么作为您的问题的一部分：

保持可见仅优惠券字段和按钮“应用”/删除优惠券消息，链接：

为此目的（如果尚未完成），您必须将活动子主题或主题文件夹中的woocommerce插件templates文件夹复制并重命名为woocommerce （{{3} }）。不要害怕，这很容易......现在你可以自定义任何模板。

使用woocommerce文件夹（位于您的活动主题中）进入子文件夹checkout并打开/编辑form-coupon.php文件。

1）删除或评论（/ * ... * /）：

if ( ! WC()->cart->applied_coupons ) {
    $info_message = apply_filters( 'woocommerce_checkout_coupon_message', __( 'Have a coupon?', 'woocommerce' ) . ' <a href="#" class="showcoupon">' . __( 'Click here to enter your code', 'woocommerce' ) . '</a>' );
    wc_print_notice( $info_message, 'notice' );
}

2）从 style="display:none"移除 <form class="checkout_coupon" method="post" style="display:none"> 。

所以你只能留下：<form class="checkout_coupon" method="post">

FINE TUNNING VERTICAL SPACE：

添加一些垂直空间“如果您想更改订阅，请返回计划。”：

在活动子主题或主题的style.css文件中，添加：

.woocommerce-checkout .return-to-cart {
    padding: 12px 0 24px !important;
}

（END OF UPDATE）

它位于模板 checkout / form-checkout.php （开头），你有一个显示优惠券字段和按钮的钩子woocommerce_before_checkout_form：

移动代码（第20行）在form-checkout.php模板上剪切此代码：

do_action( 'woocommerce_before_checkout_form', $checkout );

紧接着粘贴位置（在第56行）;在de php标签内：

<?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

像这样（在关闭?> php标签之前）：

<?php do_action( 'woocommerce_checkout_before_order_review' );
echo '<div class="coupon-block">';
do_action( 'woocommerce_before_checkout_form', $checkout );
echo '</div>';
?>

信息：此模板中没有order summary