Friday , December 20 2024

How to hide the Details tab in the Woocommerce product card

The attributes of the product are displayed in the tab Details/Additional Information. If only a 1-2 of attributes are displayed on your site, then the tab will look ridiculous without content. There are two options: hide the tab using css styles, or delete it using the engine.

Option 1: hide the Details tab using css styles

li.additional_information_tab {
    display: none !important;
}

You need to add this code to style.css. Despite the fact that the code can be placed in header.php/footer.php, but it is more correct to add styles in a css file.

Option 2: delete the Details tab using functions.php

function woo_remove_product_tabs( $tabs ) {
    unset( $tabs['additional_information'] );
    return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

About admin

Hi there! My name is Iryna, I am a web developer from Ukraine. While working on freelance projects I often face different technical issues and in this blog I publish articles on how to solve them. I am also interested in digital drawing and in this blog you will find brief tutorials that helped me and hopefully can help you as well.

Check Also

How to remove 404 //fonts.gstatic.com and //fonts.googleapis.com from WordPress head section

I tried solutions with functions that should remove from head and , but a very …

Leave a Reply

Your email address will not be published. Required fields are marked *