如何通过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
相关产品推荐
相关产品推荐

