Breaking News: Grepper is joining You.com. Read the official announcement!

add extra tabs to woocommerce product page with code

Add Answer

andrew mosaka answered on August 8, 2022 Popularity 9/10 Helpfulness 5/10

answer add extra tabs to woocommerce product page with code

related add custom tab to woocommerce product page

related add data to custom tab on woocommerce product page

add extra tabs to woocommerce product page with code

Comment

//Add a new custom product tab
add_filter( 'woocommerce_product_tabs', 'ql_new_custom_product_tab' );

function ql_new_custom_product_tab( $tabs ) {

//To add multiple tabs, update the label for each new tab inside the $tabs['xyz'] array, e.g., custom_tab2, my_new_tab, etc.
$tabs['custom_tab'] = array(
'title' => __( 'Custom Product Tab', 'woocommerce' ), //change "Custom Product tab" to any text you want
'priority' => 50,
'callback' => 'ql_custom_product_tab_content'
);
return $tabs;
}

// Add content to a custom product tab
function ql_custom_product_tab_content() {

// The custom tab content
//You can add any php code here and it will be shown in your newly created custom tab
echo '<h2>Custom Product Tab Content</h2>';
echo '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean facilisis in dui eget rutrum. Morbi quis sodales felis.</p>';
echo '<img src="http://hypernova/wp-content/uploads/2021/10/logo-1.jpg" width="300" height="400" align="center">';
}

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: quadlayers.com

Tags: add extra product tabs whatever woocommerce

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

andrew mosaka

0 Answers Avg Quality 2/10

Closely Related Answers

add custom tab to woocommerce product page

Comment

add_filter('woocommerce_product_tabs', 'exptech_add_custom_tab_sales');

function exptech_add_custom_tab_sales($tabs){
	$tabs['exptech_tab'] = array(
		'priority'=>20,
		'title'=>__( 'Custom Product Tab(Sales)', 'woocommerce' ),
		'callback'=>'exptech_tab_content',
	);
	return $tabs;
}

Popularity 9/10 Helpfulness 4/10 Language php

Source: exploretech.dev

Tags: add

Link to this answer
Share Copy Link

Contributed on Dec 20 2022

Filthy Falcon

0 Answers Avg Quality 2/10

add data to custom tab on woocommerce product page

Comment

function exptech_tab_content() {
	global $product;
	$sales = $product->get_total_sales();
	$name = $product->get_name();
	echo __("$name has been sold $sales times", 'woocommerce');
}

Popularity 7/10 Helpfulness 1/10 Language php

Source: exploretech.dev

Tags: add php product woocommerce woocomme

Link to this answer
Share Copy Link

Contributed on Dec 20 2022

Filthy Falcon

0 Answers Avg Quality 2/10

add extra tabs to woocommerce product page with code

Contents

More Related Answers

add extra tabs to woocommerce product page with code

Closely Related Answers

add custom tab to woocommerce product page

add data to custom tab on woocommerce product page

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.