WooCommerce自定义产品选项卡内容的方法

追格_咖小啡/ 2023年05月02日/ WordPress/ 浏览 1757

小站点评主题小编分享过《WooCommerce产品详情页如何删除额外的tab选项卡》,WooCommerce自定义产品选项卡内容的方法。


修改流程如下:


/**
 * 自定义选项卡内容
 */
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>';
}


上述代码,我们只需添加当前使用的WordPress主题,如追格主题的functions.php文件中即可,是不是很简单。


WooCommerce添加自定义选项卡


/**
 * 添加一个自定义选项卡
 */
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
	
	// 添加一个新选项卡
	
	$tabs['test_tab'] = array(
		'title' 	=> __( '名称', 'woocommerce' ),
		'priority' 	=> 50,
		'callback' 	=> 'woo_new_product_tab_content'
	);
 
	return $tabs;
 
}
/**
 * 选项卡内容
 */
function woo_new_product_tab_content() {
 
// The new tab content
 
echo '<h2>New Product Tab</h2>';
echo '<p>Here\'s your new product tab.</p>';
 
}

发表评论

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

客服 工单