WooCommerce商品页如何将商品名称显示在属性标签前

直接通过WooCommerce官方提供的属性标签过滤器钩子实现即可，不需要修改插件核心文件，代码放到子主题函数文件中就不会随主题、插件更新被覆盖。

操作步骤 #

• 打开站点服务器上的子主题functions.php文件，路径通常为wp-content/themes/你当前启用的子主题目录/functions.php
• 将下方代码复制粘贴到文件末尾（注意不要嵌入到其他已有代码的逻辑块内部，避免触发PHP语法错误）

add_filter( 'woocommerce_attribute_label', 'add_product_name_prefix_to_attr_label', 10, 3 );
function add_product_name_prefix_to_attr_label( $label, $attr_slug, $product ) {
    // 仅在前端单商品页面生效，不影响后台、商品列表等其他位置的属性显示
    if ( ! is_product() || ! is_a( $product, 'WC_Product' ) ) {
        return $label;
    }
    // 拼接商品名与原有属性标签，中间的空格可以按需替换成短横线、竖线等其他分隔符
    return $product->get_name() . ' ' . $label;
}

• 保存文件后清空站点缓存（包括页面缓存、WooCommerce商品缓存），刷新对应商品页即可看到效果

效果示例 #

针对名为「Car 1」、拥有Brand、Model两个属性的商品，最终输出效果为：

Car 1 Brand : Honda
Car 1 Model : XXX

自定义调整说明 #

• 如果需要调整商品名和属性名之间的间隔符号，直接修改代码里$product->get_name() . ' ' . $label部分的空格即可，比如要加短横分隔就改成$product->get_name() . ' - ' . $label
• 如果需要跳过某几个属性不添加前缀，可以在return语句前加判断逻辑，通过$attr_slug匹配对应属性的slug做排除即可

内容的提问来源于stack exchange，提问作者Antoine