如何在woocommerce结帐页面上显示单个错误 [英] How to show individual error on woocommerce checkout page
本文介绍了如何在woocommerce结帐页面上显示单个错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
目前 woocommerce 显示错误,如上图所示.我希望每个输入框下方都有单独的错误消息,如下图所示.请帮忙.
Currently woocommerce showing error as above shown in image. I want individual error message below each input box as shown in below image. Please help.
推荐答案
您需要添加 PHP 代码段和 css.
You need to add PHP snippet and css.
add_filter( 'woocommerce_form_field', 'checkout_fields_in_label_error', 10, 4 );
function checkout_fields_in_label_error( $field, $key, $args, $value ) {
if ( strpos( $field, '</span>' ) !== false && $args['required'] ) {
$error = '<span class="error" style="display:none">';
$error .= sprintf( __( '%s is a required field.', 'woocommerce' ), $args['label'] );
$error .= '</span>';
$field = substr_replace( $field, $error, strpos( $field, '</span>' ), 0);
}
return $field;
}
CSS:
.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
color: #e2401c;
display: block !important;
font-weight: bold;
}
这篇关于如何在woocommerce结帐页面上显示单个错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文