Move WooCommerce Product Tabs To Under Product Summary

// Removes tabs from their original loaction 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

// Inserts tabs under the main right product content 
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );
Advertisements

20 thoughts on “Move WooCommerce Product Tabs To Under Product Summary

  1. Hi, thanks for the reply. I did that and it didn’t work. Could you kindly show me exactly how you would out it into the function.php? Thanks in advance

  2. Hi, this is a very handy tip! I’ve just implemented it into the Woothemes ‘Sentient’ theme and it’s not removing the tabs from the original position.. Any ideas? Cheers

  3. Thank You Pinaki. I am surprised I could not find any theme that displays in this way because to me it is the right way 🙂

  4. Hi, that’s a great tip!!! thanks for sharing. just one question: is it possible to display only the table within additional information instead of all the tabs? My products are books and I’d like to display a table with author, year an others.

    thanks in advance.
    Marco

  5. thanks man! i am new to woocommerce, i have 1 query. hope you could help! i want to add a new button’send enquiry’ just next to ‘view more’ button below product image, Help me out for adding a new button.

  6. This is awesome – thanks! The tabs are beside the image, which is what I want. Now how can I move the “Related Products” back to below the image rather than beside it?

  7. Hi! It seems the theme I’m using has the product description tabs defaulted to the right (where your code is moving it to). I’m looking to move the tabs to below the product image and span the width of the page, so seemingly doing the reverse of your code above…can you help?!

  8. HI… How I can move product tabs under image gallery??

    I used the same code but I do not know which hook.

    add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_output_product_data_tabs’, 60 );

    Thx

  9. Hi … I did 🙂 🙂

    Follows the code as I did.

    // woo
    // Removes tabs from Their original loaction
    remove_action (‘woocommerce_after_single_product_summary’, ‘woocommerce_output_product_data_tabs’, 10);
     
    // Inserts tabs under the product images
    add_action (‘woocommerce_before_single_product_summary’, ‘woocommerce_output_product_data_tabs’, 60);

  10. Hi Pinaki, is there any way when moving the Product Details tab up under the summary on the right that we can stop the ‘Related Products’ or ‘Works well with’ from floating up and becoming disconnected from its images? It is like it needs a ‘clear-all’ after moving the tabs?

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 )

Google+ photo

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

Connecting to %s