WordPress.org

Support

Support » Plugins and Hacks » WooCommerce » [Resolved] Adding custom product tabs to 2.01

[Resolved] Adding custom product tabs to 2.01

  • 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)
  • Roy Ho

    @splashingpixelscom

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

    i did, read the code above?

    Roy Ho

    @splashingpixelscom

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

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

    Roy Ho

    @splashingpixelscom

    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…

    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

    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.

    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 );

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

    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

    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' );

    thanks spalshingpixels, works a treat. one quick question though, how can i use that to remove the reviews tab?

    Roy Ho

    @splashingpixelscom

    Something like this should work…goes before the return statement:

    unset( $tabs['reviews'] );

    thanks splashing pixels, you’re a gent.

    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)
  • The topic ‘[Resolved] Adding custom product tabs to 2.01’ is closed to new replies.
Skip to toolbar