WooCommerce – working on tabs in product page


<?php
/*
* Put below codes in current theme functions.php
* Woocommerce shortcodes
*/

/*
* Removing Tabs
* Use the following snippet to remove specific tabs
*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_remove_product_tabs’, 98 );
function woo_remove_product_tabs( $tabs ) {
unset( $tabs[‘description’] ); // Remove the description tab
unset( $tabs[‘reviews’] ); // Remove the reviews tab
unset( $tabs[‘additional_information’] ); // Remove the additional information tab
return $tabs;
}

/*
* Renaming Tabs
* Use the following snippet to rename tabs.
*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_rename_tabs’, 98 );
function woo_rename_tabs( $tabs ) {
$tabs[‘description’][‘title’] = __( ‘More Information’ ); // Rename the description tab
$tabs[‘reviews’][‘title’] = __( ‘Ratings’ ); // Rename the reviews tab
$tabs[‘additional_information’][‘title’] = __( ‘Product Data’ ); // Rename the additional information tab
return $tabs;
}

/*
* Re-ordering Tabs
* Use the following snippet to change the tab order
*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_reorder_tabs’, 98 );
function woo_reorder_tabs( $tabs ) {
$tabs[‘reviews’][‘priority’] = 5; // Reviews first
$tabs[‘description’][‘priority’] = 10; // Description second
$tabs[‘additional_information’][‘priority’] = 15; // Additional information third
return $tabs;
}

/*
* Customise a tab
* The following snippet will replace the description tab with a custom function
*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_custom_description_tab’, 98 );
function woo_custom_description_tab( $tabs ) {

$tabs[‘description’][‘callback’] = ‘woo_custom_description_tab_content’; // Custom description callback

return $tabs;
}
function woo_custom_description_tab_content() {
echo ‘<h2>Custom Description</h2>’;
echo ‘<p>Here\’s a custom description</p>’;
}

/*
* Add a custom tab
* Use the following snippet to add a custom global product 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>’;

}

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s