You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

请求在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 12:40:07