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

Question

我想要在页面顶部输入优惠券的位置，以便在woocommerce结帐页面上的页面（订单摘要下方）中放低。 Where &我该怎么办？

在此先感谢！

这里是在结账的文件夹形式，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> 

我添加的代码如下建议，它的工作，但它转移了页面上的最后一行下来，所以它看起来不太合适。这里是它（条款和条件以及Place Order按钮的图片。

Answer 1

修订

无法移动优惠券在内部形成检验表

最后，它是不可能的插入优惠券领域与他的“申请”按钮刚好在你的订单摘要标题，因为它是一个带有自己的提交按钮的单独表单，您将使用另一个提交按钮（Place Order）将其插入另一个表单中。

---

什么你可以做PART你的问题的：

保持可见只有优惠券领域， “Apply” 按钮/带链接删除息消息：

对于目的（如果尚未完成），您将不得不复制活动儿童主题或主题文件夹中的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）从<form class="checkout_coupon" method="post" style="display:none">删除style="display:none"。

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

---

FINE TUNNING垂直空间：

添加围绕“如果你想改变你的订阅，再回到计划一些垂直空间。“：

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

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

（UPDATE年底）

---

这是对模板结账/表单checkout.php（开头），你有一个钩woocommerce_before_checkout_form其显示优惠券领域和按钮：

代码移动（上线20）上切割形状checkout.php模板的代码：

do_action('woocommerce_before_checkout_form', $checkout); 

粘贴位置（在线56）之后;内德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