wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

woocommerce商城专区 woocommerce
您现在的位置:首页 > woocommerce商城专区 > woocommerce 产品tabs切换菜单增加和修改标题

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

woocommerce 产品tabs切换菜单增加和修改标题

woocommerce的产品切换菜单(product tabs)

woocommerce的商品详细页面有一个切换菜单,默认的内容可以切换描述、其他信息(参数)和评价如下图:

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

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

并且默认提供的名称,我们也是希望能够进行更改的,那么我们如何进行修改和增加tabs呢。

 

修改默认提供的tabs标题名称和排序

修改tabs标题名称,我们需要用到woocommerce的钩子woocommerce_product_tabs

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

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

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

这样我们就将他们的名称修改为商品描述、商品评价和商品参数了

如果我们希望修改他们的顺序:

add_filter( 'woocommerce_product_tabs', 'sb_woo_move_description_tab', 98); function sb_woo_move_description_tab($tabs) { $tabs['description']['priority'] = 5;
$tabs['additional_information']['priority']=10;
$tabs['reviews']['priority'] = 20; return $tabs;
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'
);
}

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

function woo_new_product_tab_content() {

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

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

下面即是我们在woocommerce付费版主题中所改造的tabs:

增加了常见问题和售后保障,因为常见问题和售后保障都是较为固定的文字,因此我们调用了2个页面的内容显示与此,也算是非常方便的,通过这个钩子你还可以增加其他的内容在tabs上。

 

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。