请求在WooCommerce订单管理页为含VAT号的订单添加发票图标及自定义类
WooCommerce订单管理页添加发票图标及自定义类解决方案
1. 为带有VAT号的订单添加发票图标
通过WordPress钩子在订单列表的订单号列旁插入发票图标(使用WordPress自带的Dashicons,无需外部资源):
// 在订单列表添加发票图标 add_action( 'manage_shop_order_posts_custom_column', 'add_vat_invoice_icon_to_order_list', 10, 2 ); function add_vat_invoice_icon_to_order_list( $column, $post_id ) { if ( $column === 'order_number' ) { $order = wc_get_order( $post_id ); $vat_number = $order->get_meta( 'billing_vat' ); if ( ! empty( $vat_number ) ) { echo '<span class="invoice-icon dashicons dashicons-media-document" style="margin-left:8px;color:#2271b1;" title="该订单含VAT号,可开具发票"></span>'; } } }
2. 为含VAT号的订单行添加自定义类
通过post_class过滤器给目标订单行添加自定义类,方便后续样式定制:
// 给带VAT号的订单行加自定义类 add_filter( 'post_class', 'add_custom_class_to_vat_orders', 10, 3 ); function add_custom_class_to_vat_orders( $classes, $class, $post_id ) { if ( get_post_type( $post_id ) === 'shop_order' ) { $order = wc_get_order( $post_id ); $vat_number = $order->get_meta( 'billing_vat' ); if ( ! empty( $vat_number ) ) { $classes[] = 'has-vat-number'; } } return $classes; }
3. 样式定制(可选)
如果需要给带自定义类的订单行添加视觉区分,可添加以下CSS:
/* 为含VAT号的订单行添加浅蓝背景 */ .wp-list-table.shop_orders tr.has-vat-number { background-color: #f0f8ff; }
使用说明
- 将PHP代码添加到当前主题的
functions.php文件,或使用Code Snippets插件(推荐,避免主题更新丢失代码)。 - CSS代码可添加到主题的「自定义CSS」面板,或子主题的
style.css文件。
内容的提问来源于stack exchange,提问作者dorota
相关产品推荐
相关产品推荐

