WooCommerce

WooCommerce 定制产品页选项卡(2021)

WooCommerce产品页选项卡是指产品页面里显示产品信息、用户评论的选项卡部分,不明白我说的 哪里请看下图。

WooCommerce 定制产品页选项卡

添加新的产品页选项卡

参数说明:

  • title:选项卡的标题,在前台显示
  • priority:会影响选项卡排序,小的排前面
  • callback:输出选项卡内容的函数,把函数名字当作参数传进来
/**
 * Add a custom product data tab
 */
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
	
	// Adds the new tab
	
	$tabs['test_tab'] = array(
		'title' 	=> __( 'New Product Tab', '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>';
	
}

代码放在子主题的functions.php中,效果如下图所示。

删除定制请参考了官方代码Editing product data tabs

留言

您的电子邮箱地址不会被公开。