Saturday 26 January 2013

Add New Tab into Woocommerce and Woothemes

How to add new tab in Woo-commerce plugin & themes ?

There are mainly three tabs available in woocommerce plugin & themes like Product Description, Additional Information & Product Reviews.

If some one add new tab into product page its not available into themes or plugin with out Tab manager plugin of woo-commerce.

Here I explain you how to add extra tab in woo-commerce.

Just follow below step & you get the solution.

Copy & past the below code into your function.php file.

add_action( 'woocommerce_product_tabs', 'sb_woocommerce_new_tab', 40 );
add_action( 'woocommerce_product_tab_panels', 'sb_woocommerce_new_panel', 40 );
function sb_woocommerce_new_tab() {
 echo '<li><a href="#tab-new">' . __('New Tab', 'woocommerce') . '</a></li>';
}
function sb_woocommerce_new_panel() {
 echo '<div class="panel" id="tab-new">
 <h2>New Panel</h2>
 <p>Example content...</p>
 </div>';
}

Now, in above code change the tab name as you want, here is the New 
Panel, you can see the new tab with your name.

No comments:

Post a Comment