create tabs

In this tutorial I shall show you how you will add custom tabs with content on WooCommerce product details page. By default there have two tabs: Description & Reviews. I am wanting to add more tabs there. Here is the small PHP snippets for it.

<?php //* Don't include this line

/**
 * Displaying custom tab(s) on WooCommerce Product details page
 *
 * @author Paul
 * @license GPL2.0+
 * @copyright 2018
 */
function paul_cutsom_tabs( $arr ) {
	$tabs = array(
		'my_tab_1' => array(
			'callback' => 'callback_for_tab',
			'title' => __( 'My Tab 1', 'themeprefix' )
		),
		'my_tab_2' => array(
			'callback' => 'callback_for_tab',
			'title' => __( 'My Tab 2', 'themeprefix' )
		),
	);

	return array_merge( $arr, $tabs );
}
add_filter('woocommerce_product_tabs', 'paul_cutsom_tabs', 99 );

function callback_for_tab( $key, $tab ) {
	if( 'my_tab_1' === $key )
		echo '<p>My content for Tab 1</p>';

	if( 'my_tab_2' === $key )
		echo '<p>My content for Tab 2</p>';
}

<?php //* Don't include this line

/**

* Displaying custom tab(s) on WooCommerce Product details page

* @author Paul

* @license GPL2.0+

function paul_cutsom_tabs( $arr ) {

$tabs = array(

'my_tab_1' => array(

'callback' => 'callback_for_tab',

'title' => __( 'My Tab 1', 'themeprefix' )

'my_tab_2' => array(

'callback' => 'callback_for_tab',

'title' => __( 'My Tab 2', 'themeprefix' )

);

return array_merge( $arr, $tabs );

}

add_filter('woocommerce_product_tabs', 'paul_cutsom_tabs', 99 );

function callback_for_tab( $key, $tab ) {

if( 'my_tab_1' === $key )

echo '<p>My content for Tab 1</p>';

if( 'my_tab_2' === $key )

echo '<p>My content for Tab 2</p>';

}

WooCommerce plugin have a filter woocommerce_product_tabs. So you can easily… Continue Reading

Search Tutorials