Woocommerce - 如何更改结帐页上显示的内容?
我想要在页面顶部输入优惠券的位置,以便在woocommerce结帐页面上的页面(订单摘要下方)中放低。 Where &我该怎么办?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>
我添加的代码如下建议,它的工作,但它转移了页面上的最后一行下来,所以它看起来不太合适。这里是它(条款和条件以及Place Order按钮的图片。
修订
无法移动优惠券在内部形成检验表
最后,它是不可能的插入优惠券领域与他的“申请”按钮刚好在你的订单摘要标题,因为它是一个带有自己的提交按钮的单独表单,您将使用另一个提交按钮(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
[重载模板通过主题] (https://docs.woothemes.com/document/template-structure/)...你用这个解决了你的问题吗? – LoicTheAztec
@LoicTheAztec不,我没有能力。我熟悉重写模板,但我不确定哪个模板控制了优惠券的位置。在我的子主题woocommerce-checkout文件夹中有一个form-coupon.php。我已经添加了上述文件中的代码,以防它有用。理想情况下,我想设置它,以便优惠券代码始终进入区域始终显示并位于订单摘要正下方。 – Mary
最后在技术上不可能像你想要的那样移动优惠券......看看我的解释。 **但是,您可以轻松地更改**一些您不想要的内容...请参阅我的最新更新。而且我对你有一点改进。 – LoicTheAztec