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

如何通过PHP修改WooCommerce订单详情中含Gloss/Matte的单元格背景色

WooCommerce订单详情特定单元格背景色修改方案

直接使用以下PHP代码,添加到当前主题的functions.php文件底部(或通过代码片段插件导入),即可自动识别订单详情中包含「Gloss」或「Matte」的附加字段内容,并分别设置高亮背景色:

add_filter( 'woocommerce_order_item_display_meta_value', 'highlight_gloss_matte_order_meta', 10, 3 );
function highlight_gloss_matte_order_meta( $value, $meta, $item ) {
    // 匹配Gloss并设置浅绿背景
    if ( strpos( $value, 'Gloss' ) !== false ) {
        return '<span style="background-color: #d4edda; padding: 2px 4px; border-radius: 3px;">' . $value . '</span>';
    }
    // 匹配Matte并设置浅黄背景
    elseif ( strpos( $value, 'Matte' ) !== false ) {
        return '<span style="background-color: #fff3cd; padding: 2px 4px; border-radius: 3px;">' . $value . '</span>';
    }
    // 其他内容保持原有样式输出
    return $value;
}

说明

  • 代码通过woocommerce_order_item_display_meta_value钩子拦截订单附加字段的输出,无需依赖表格的ID或类,完美适配PPOM for WooCommerce添加的产品附加字段。
  • 你可以自行修改background-color后的十六进制颜色值,替换成需要的高亮色。
  • 若不想修改主题文件,推荐使用「Code Snippets」这类插件添加代码,避免主题更新丢失修改。

内容的提问来源于stack exchange,提问作者23mx

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.31 22:05:51