Hide elements on product page

[Pothe]

Hi,
I’ve been trying to hide elements on the product page using some custom css from Dante and trying to change it. Can’t seem to get it to work though.

I need to hide the elements shown here:

https://www.evernote.com/shard/s21/sh/134145e2-ac1c-42e1-9520-11f6f7654064/f72f493f1436149fec981bf75632dbeb

Any help will be great. Thanks

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.product_meta {
  display: none;
}
.product-share {
  display: none!important;
}

For the tabs I would need to see our link as the demo is using accordion instead of tabs

– Kyle

[Pothe]

Great, thanks a lot !

[Kyle – SUPPORT]

No problem 🙂

– Kyle

[Pothe]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please insert this code at functions.php at end of file just before ?> tag.

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
 
function woo_remove_product_tabs( $tabs ) {
 
unset( $tabs['additional_information'] ); // Remove the additional information tab
 
return $tabs;
 
}

Thanks 🙂
With Best Regards
Swift Ideas

[Swift Ideas – Ed]

Hi Andrew,

You can use the code above, but placed in a child theme may be better for keeping intact with updates!

– Ed

[Pothe]

Thanks.
Is there a way to use the custom CSS? IN Dante I used this:

/*Woo hide additional info */
.panel:nth-child(2) {
  display: none;
}

[Kyle – SUPPORT]

Yes you can:

.additional_information_tab {
  display: none!important;
}

hope that helps

– Kyle

[Pothe]

Fantastic. Thanks Kylie.

[Kyle – SUPPORT]

Kyle* 😉

No problem

– Kyle