Woocommerce - 如何更改结帐页面上的显示位置？

Question

我想将您在页面顶部输入优惠券的位置移动到 woocommerce 结帐页面的页面下方（订单摘要下方）。我在哪里以及如何做到这一点？

提前致谢！

这里是结帐文件夹中 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 (Overriding Templates via a Theme) .不要害怕，这很简单……现在您可以自定义任何模板。

使用 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">

---

微调垂直空间：

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

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

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

（更新结束）

---

它在模板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