大家都知道wordpress网站中强大的电子商务插件Woocommerce，有了Woocommerce插件我们可以建立我们自己的电子商务网站：

woocommerce的商品详细页面有一个切换菜单，默认的内容可以切换描述、其他信息（参数）和评价

这个tabs切换菜单，可以让我们切换浏览商品的一些信息，在电子商务网站上是非常常见的一种表现方式。

那么在一般的国内电子商务网站上，显示的内容比woocommerce所提供的三种信息要多

并且默认提供的名称，我们也是希望能够进行更改的，那么我们如何进行修改和增加tabs实现自定义呢

修改默认提供的tabs标题名称和排序
修改tabs标题名称，我们需要用到woocommerce的钩子woocommerce_product_tabs

三个默认的tabs分别为description（描述）、additional_information（其他信息）、reviews（评价）。

因此我们使用钩子对三个标题进行修改：

add_filter( 'woocommerce_product_tabs', 'woo_re_product_tab' );
function woo_re_product_tab( $tabs ) {
$tabs['description']['title'] = __( '商品描述' );
$tabs['reviews']['title'] = __( '商品评价' );
$tabs['additional_information']['title'] = __( '商品参数' );
return $tabs;
}

这样我们就将他们的名称修改为商品描述、商品评价和商品参数了
如果我们希望修改他们的顺序：

add_filter( 'woocommerce_product_tabs', 'woo_sort_product_tab', 98);

function woo_sort_product_tab($tabs) {

$tabs['description']['priority'] = 5;

$tabs['additional_information']['priority']=10;

$tabs['reviews']['priority'] = 20;

return $tabs;
}

这样我们就修改了他们顺序。
删除默认tabs

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tab' );

// Remove the default review tab
function woo_remove_product_tab($tabs) {
unset($tabs['reviews']);

unset($tabs['description']);

unset($tabs['additional_information']);
return $tabs;
}

增加新的tabs
首先增加一个新的tabs：

add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
// Adds the new tab
$tabs['desc_tab'] = array(
'title' => __( 'Additional Information', 'woocommerce' ),
'priority' => 50,
'callback' => 'woo_new_product_tab_content'
);

return $tabs;
}

然后我们增加这个新的tabs的内容函数也就是上方标注的woo_new_product_tab_content

function woo_new_product_tab_content() {

echo '<p>这是新的tabs内容</p>'; 

}

这样，我们的新的tabs就会输出“这是新的tabs内容”这样一段文字，你可以输出任何你想要的内容。

非常方便，通过这个钩子你还可以增加其他的内容在tabs上。

---

---

需要提供WordPress主题/插件的汉化服务可以随时联系我们！另外成品WordPress网站以及半成品WordPress网站建设，海外Google SEO优化托管服务，百度SEO优化托管服务，Centos/Debian服务器WP专用环境搭建，WP缓存服务器搭建，我们都是你的首选，拥有多年WP开源程序服务经验，我们一直在坚持客户体验，没有最好，只有更好！