[resolved] Remove tab heading and panel (8 posts)

  1. sleepymonk
    Posted 2 years ago #

    I would like to remove the tab heading (the h2 title) and also the tab panel, but retain the description panel.

    I have turned off review & additional info tabs already, I'm just interested in the product description tab, but it's proving difficult for me.

    I've tried to turn off the product description heading in the description.php file by commenting it out, but it doesn't seem to work.

    I am using a child theme, so I copied the woocommerce files I wanted to edit into that folder (woocommerce/templates/single-product/tabs/) using the same file structure (description.php, tabs.php)

    To clarify:
    I am using short description and long description. I don't want the distraction of tabs or headings in the long description section.

    I have customizer so can change the tabs, but not remove the headings or tab style itself. It seems it should be a simple fix.

    Site is not live so I can't give a URL.


  2. sleepymonk
    Posted 2 years ago #

    Ok, found a post on another website to use CSS to hide the <h2> title on the product description tab.

    .woocommerce .woocommerce_tabs .panel h2, .woocommerce .woocommerce-tabs .panel h2 {display:none !important}

    Now I need to be able to hide the tab but show the content.

  3. sleepymonk
    Posted 2 years ago #

    This has taken me quite awhile to find, but here is a simple css tweak to remove the tabs but keep the content

    ul.tabs {display: none;}

    Here's the source website:

  4. jigar08it
    Posted 2 years ago #


    I have same problem,

    pls check : http://nilkanthsales.com/bioinformant/?product=strategic-development-of-neural-stem-progenitor-cell-products-2

    I want to remve woocommerce description tab title and lines but keep content,

    pls clarify where to add,

    ul.tabs {display: none;}

    Thank You.

  5. jigar08it
    Posted 2 years ago #

    Ok I solved it,

    Thanks for sharing,

  6. judiyoung
    Posted 1 year ago #

    Thank you sleepymonk for posting the CSS to hide the <h2> title on the product description tab. It really helped me out. Thx.

  7. sleepymonk
    Posted 1 year ago #

    You're very welcome, Judi! I was hoping this might be useful for someone else. Thanks for letting me know. That made my day!

  8. jason103
    Posted 1 year ago #

    This was a HUGE HELP! Thank you so much. Isn't it weird that they wouldn't just natively include the option to remove these tabs and the descriptive headings by some setting in WooCommerce?

    You rock!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic