Adding custom product tabs to 2.01

Resolved

(@mathesonandrew)

Since we’ve been upgraded the custom tabs features don’t work, i can’t add or remove tabs like i used to, here’s the code i was using called from my functions.php

remove_action( 'woocommerce_product_tabs', 'woocommerce_product_reviews_tab', 30);
remove_action( 'woocommerce_product_tab_panels', 'woocommerce_product_reviews_panel', 30);

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="#assesment-assignment">' . __('Assessment & Assignment', 'woocommerce') . '</a></li>';
 echo '<li><a href="#examination-accreditation">' . __('Examination & Accreditation', 'woocommerce') . '</a></li>';
 echo '<li><a href="#reviews">' . __('Comments & Reviews', 'woocommerce') . '</a></li>';

}
function sb_woocommerce_new_panel() {
 echo '<div class="panel" id="assesment-assignment">
 <h2>New Panel 1</h2>
 <p>Example content...</p>
 </div>
 <div class="panel" id="examination-accreditation">
 <h2>New Panel 2</h2>
 <p>Example content...</p>
 </div>
 <div class="panel" id="reviews">
 <h2>New Panel 3</h2>
 <p>Example content...</p>
 </div>';
}

http://wordpress.org/extend/plugins/woocommerce/

Viewing 15 replies - 1 through 15 (of 19 total)

1 2 →

Roy Ho
(@splashingpixelscom)

11 years, 1 month ago

Use this filter to add custom tabs -> ‘woocommerce_product_tabs’

Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago

i did, read the code above?

Roy Ho
(@splashingpixelscom)

11 years, 1 month ago

NO you didn’t…i said use “this filter”…I didn’t say use this action…Your code uses action.

Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago

any documentation on it anywhere? when i use it, it removes all of my tabs

Roy Ho
(@splashingpixelscom)

11 years, 1 month ago

If you open up tabs.php in the template files, you will learn more about it. But it works just like any filters in WordPress…
Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago
i’ve tried adding both these to my functions.php
```
add_filter( 'woocommerce_product_tabs', 'woocommerce_product_description_tab', 10 );
add_filter( 'woocommerce_product_tabs', 'woocommerce_product_attributes_tab', 20 );
add_filter( 'woocommerce_product_tabs', 'woocommerce_product_reviews_tab', 30 );
```
and
```
add_filter( 'woocommerce_product_tabs', 'woocommerce_default_product_tabs' );
add_filter( 'woocommerce_product_tabs', 'woocommerce_sort_product_tabs', 99 );
```
both of them result in my tabs disappearing and only my product description showing.
Roy Ho
(@splashingpixelscom)

11 years, 1 month ago
Its a filter…so you need to treat it as such..The way you’re doing it now is like an action…two different things..

Filters have existing data in them which you need to handle..In this case you want to merge..

I am not going to write the code for you but if you do:
```
add_filter( 'woocommerce_product_tabs', 'custom_tabs' );

function custom_tabs( $existing_tabs ) {
var_dump( $existing_tabs );
}
```
You should get an idea what is already in the tabs array and you just need to merge it, append it…whichever you like.
Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago
thanks splashingpixels.com

i think im getting closed but not quite right
```
$prod_tabs = array(
	'description' => array(
		'title' => 'Description',
		'priority' => 10 ,
		'callback' => 'woocommerce_product_description_tab'), 

	'testtab' => array(
		'title' => 'testtab',
		'priority' => 30 ,
		'callback' => 'toc_mydata'),

	'reviews' => array(
		'title' =>'Reviews (01)',
		'priority' => 40,
		'callback' => 'comments_template'),

	'AskAQuestion' => array(
		'title' =>'Ask a Question',
		'priority' => 50,
		'callback' => 'question_template'),
		) ;

add_filter( 'woocommerce_product_tabs', $prod_tabs );
```
Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago

ok, i can’t figure this out. any help would be much appreciated.

jayseventwo
(@jayseventwo)

11 years, 1 month ago

Mathesonandrew, i know this wont fix the desire to do this all yourself, as i also wanted to do, but i figured for the time i took to figure this out on a site that needed to go live ASAP, it was easier to spend $29 and purchase the WooCommerce Tab Manager. I can confirm it works perfectly and gives you so many more options – you will be up and running in 5 minutes!

I would still like to see a working solution to this once figured out though, for my own curiosity!
Roy Ho
(@splashingpixelscom)

11 years, 1 month ago
You need something like this…
```
function my_tab( $tabs ) {
    $my_tab = array( 'my_tab' =>  array( 'title' => 'my tab', 'priority' => 9, 'callback' => 'my_tab_func' ) );

    return array_merge( $my_tab, $tabs );
}

function my_tab_func() {
    echo 'working!';
}
add_filter( 'woocommerce_product_tabs', 'my_tab' );
```
Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago

thanks spalshingpixels, works a treat. one quick question though, how can i use that to remove the reviews tab?
Roy Ho
(@splashingpixelscom)

11 years, 1 month ago
Something like this should work…goes before the return statement:
```
unset( $tabs['reviews'] );
```
Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago

thanks splashing pixels, you’re a gent.

Thread Starter Mathesonandrew
(@mathesonandrew)

11 years, 1 month ago

thanks slashing pixels, you’ve been an amazing help.

just thought i would show you what i’ve managed to do thanks to your help 🙂

http://www.theopencollege.com/wordpress/courses/childcare-courses/child-development-fetac-level-6/

site isn’t due for launch for several weeks as we’ve to complete the data load but the courses page has really become simplified thanks to the tabs.

this is what we had before.
http://www.theopencollege.com/fetac-certificate-in-child-development-6N1942.html

Viewing 15 replies - 1 through 15 (of 19 total)

1 2 →

The topic ‘Adding custom product tabs to 2.01’ is closed to new replies.