My original tutorial on WooCommerce product tab addition has gone down very well. However it has been brought to my attention that people who don’t know much PHP are struggling to follow it. This is ok.. we all need to start somewhere but for convenience I have put it all into a plugin and commented each line with instructions accordingly. The content of that plugin is directly pasted below with a download link at the bottom for you. It will work out of the box with no modification. You just need to add a custom field to your products which have additional information. If anyone is interested I shall write another tutorial on how to add a nice WYSIWYG editor to the product admin pages for that more integrated feel.

The Code

// Each tab requires three things. A tab, a panel and some code to initiate it. The functions below are in this order. Note the instructions below.

// This function handles the tab name. When you make your own version you need to change the _1 to something unique (_2 and so on)
// You need to change the #tab-new for each tab to something unique. I suggest just adding a number to the end (#tab-new2). Note this needs to match the id of the next function as explained below
// The wording needs to change as above
function sb_woocommerce_new_tab_1() {
global $post;
 if ($tab_content = get_post_meta($post->ID, 'new_tab_content_1', true)) { //this line represents the custom field which the content for the tab is pulled from. If there is content then the tab will be added. If there is none then it won't be. Remove this line to always show the tab. 'new_tab_content_1' needs to change accordingly as per instructions below
 echo '<li><a href="#tab-new">' . __('New Tab', 'woocommerce') . '</a></li>';
 } //end of if statement. Remove to always show the tab.
}

// This function handles the panel itself. The body of the panel if you like. The name of the function needs to change as above. I suggest using a similar naming convention _2 will do it if your function above is called _2 as well for clarity
// In the first div statement the id needs to change to reflect the href above. So if you called your title tab href #tab-new then you would need to set the id of the panel below to be tab-new (the same but with no #)
// This panel is database driven meaning that the content is pulled from a custom field on the product itself. There is no interface for this so you can go to screen options on the product page and make sure that custom fields are checked and in view.
// Then add a custom field called new_tab_content_1 (in this case. It needs to change for each tab you add to the name of the custom field below.. marked with a comment for your benefit)
function sb_woocommerce_new_panel_1() {
 global $post;

if ($tab_content = get_post_meta($post->ID, 'new_tab_content_1', true)) { //this is the custom field name. Replace 'new_tab_content_1' with your own for each tab 'new_tab_content_2' and so on... Remove this line to always show the panel regardless of whether there is any content
 echo '<div class="panel" id="tab-new">'; //the id="" text needs to change accordingly as above. Do not delete this line.

 echo '<h2>New Panel</h2>'; //this line can optionally be removed if you want. It just adds a title inside the panel content

 echo wpautop(do_shortcode($tab_content)); //This will output the content of the custom field making sure to process any shortcodes that might be within it and auto-paragraphing your text. If you remove the encapsulating if statement then this needs to go as well in favour of some static content.

 echo '</div>'; //required. Do not delete.
 } //remove this to always show the panel.
}

// These two lines 'hook' our functions into WordPress and WooCommerce. Simply change the respective function names and edit the number at the end.
// The number represents a priority.. the lower it is the further to the left the tab will appear. The higher it is the later the functions will be loaded and the lower down the list (further to the right) they will be.
add_action( 'woocommerce_product_tabs', 'sb_woocommerce_new_tab_1', 40 );
add_action( 'woocommerce_product_tab_panels', 'sb_woocommerce_new_panel_1', 40);

Download

Errors

Some people are getting the following error:

Warning: uasort() [function.uasort]: The argument should be an array in …/wp-content/plugins/woocommerce/woocommerce-template.php on line 791

This is a WooCommerce error and nothing to do with the code I offer you here. Please read my writeup on the error at the bottom of this blog post

Related posts:

1. Adding your own tabs to Woocommerce and Woothemes
2. SB Add WooCommerce Tabs – WordPress Plugin
3. How to remove the WooCommerce 2.0+ Reviews tab
4. WooCommerce removing the reviews tab

• Previous Entry: SB Random Post Plugin
• Next Entry: Voguepay payment gateway for Exp:resso Store for ExpressionEngine