Woocommerce

Question

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

提前致谢！

以下是结帐文件夹中表单-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

已更新

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

最后，无法在您的订单摘要标题后插入带有“应用”按钮的优惠券字段，因为它是一个单独的表单，带有自己的提交按钮，您可以将其插入另一个带有另一个提交按钮（下订单）的表单中。

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

保持可见仅优惠券字段和按钮“应用”/删除优惠券信息link:

为此（如果尚未完成）您必须将 woocommerce 插件 templates 文件夹复制到您的活动 child 主题或主题文件夹中并重命名它 woocommerce (Overriding Templates via a Theme)。别怕，很简单……现在你可以自定义任何模板了。

使用 woocommerce 文件夹（位于您的活动主题中）进入子文件夹 checkout 和 open/edit 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) 从 <form class="checkout_coupon" method="post" style="display:none">.

移除 style="display:none"
所以你只会留下：<form class="checkout_coupon" method="post">

微调垂直SPACE:

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

在您的活动 child 主题或主题的 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

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

Woocommerce - How can I change where something shows on the checkout page?

php

wordpress

checkout

coupon