WooCommerce产品详情页如何更改选项卡顺序和自定义选项卡内容

追格官方小助手/ 2022年05月12日/ WordPress/ 浏览 3398

追格小编之前发过WooCommerce产品详情页如何删除额外的tab选项卡,今天我们说说WooCommerce产品详情页如何更改选项卡顺序和自定义选项卡内容。


1、自定义选项卡内容


add_filter( 'woocommerce_product_tabs', 'woo_custom_description_tab', 98 );
function woo_custom_description_tab( $tabs ) {
 
	$tabs['description']['callback'] = 'woo_custom_description_tab_content';	// 自定义描述回调
 
	return $tabs;
}
/**
 * 选项卡内容
 */
 
function woo_custom_description_tab_content() {
    echo '<h2>Custom Description</h2>';
    echo '<p>Here\'s a custom description</p>';
}


2、更改选项卡顺序


add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {
 
	$tabs['reviews']['priority'] = 5;			// 评论1
	$tabs['description']['priority'] = 10;			// 描述2
	$tabs['additional_information']['priority'] = 15;	// 其它信息3
 
	return $tabs;
}


以上代码,在当前WordPress主题的函数文件functions.php中添加即可。

发表评论

暂无评论,抢个沙发...

客服 工单