WooCommerce 上的条件优惠券错误消息

Question

我正在尝试通过禁用切换来构建一个带有开放优惠券表单的 WooCommerce 结帐页面。我修改了中给出的代码，添加了以下内容，因此它也删除了大蓝色通知消息。

$(".showcoupon").closest(".woocommerce-info").hide();

唯一的问题是，如果有人点击优惠券代码为空或不正确的应用优惠券，它会显示错误并隐藏优惠券代码字段。因此，我添加了以下内容，以便用户有机会获得优惠券表格。

add_filter( 'woocommerce_coupon_error', 'pm_change_coupon_error', 30, 3 );

function pm_change_coupon_error( $err, $err_code, $coupon ){

if (is_checkout()) {        
    $err =  ' <a class="showcoupon">' . __( 'Click here to enter a valid coupon code', 'woocommerce' ) . '</a>';    
}
else {
    $err  =  'Please enter a valid code'; //Error message for cart page
}
return $err;
}

无论我尝试了怎样的修改，它总是显示为 else 语句给出的错误信息。我如何确保根据页面始终有 2 条单独的消息？

Answer 1

我通过添加以下内容最终使用了基于 CSS 的解决方案：

.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon { display:block !important; }

可选择禁用 "Have a coupon? Click here to enter your code" 消息，添加以下内容：

.woocommerce-form-coupon-toggle .woocommerce-info {display: none !important;}

客户登录时，优惠券字段和错误消息 'jump' 有点。除此之外一切正常。

WooCommerce 上的条件优惠券错误消息

Conditional coupon error messages on WooCommerce

checkout

cart

coupon

woocommerce