woocommerce外贸建站,有大量的产品,需要在标题上显示SKU型号,效果如下,可以使用如下代码

在产品列表页面的显示位置:

在产品详情页面的标题前显示位置

add_action( 'woocommerce_before_shop_loop_item_title', 'custom_before_title' , 10 );    /* 位置- 显示在产品列表页面产品图片前*/
add_action( 'woocommerce_single_product_summary', 'custom_before_title' , 5 );      /*位置- 显示在产品详情页面标题前*/

function custom_before_title() {

    global $product;

    if ( $product->get_sku() ) {
        echo  '<span class="custom-sku" >NO. ' . $product->get_sku() . '</span>';  
    }

}

以下是 woocommerce的开发规范,代表的不同的位置,替换即可

woocommerce_before_shop_loop_item_title

woocommerce_single_product_summary

Woocommerce有多个位置,可自定义添加内容,各种位置规范请参考列表页面详情页面

排版样式通过CSS控制。