[Jack MParticipant]

I have searched through all of the files in X/woocommerce/single-product/ and cannot see where I can either comment out or remove the code that displays sku and categories under the add to cart button.
Does anyone have any suggestions on how I can do this?

[ChristianModerator]

Hey Jack,

We’d love to help you with your concern however, Woocommerce customizations is beyond the scope of our support as stated in the sidebar of this page.

Thank you for understanding.

[Jack MParticipant]

Thanks for responding
I had some trouble figuring this out. Instructions were cryptic in most cases. So hopefully this will help someone else.
The following worked for me.

Steps to remove sku and or categories from a single product page:
1. Activate or install Jetpack
from jetpack install Custom CSS
2. From your Dashboard Click on Appearance
3. From Appearance choose Edit CSS
A new window will open up:
Edit Themes
CSS Stylesheet Editor
4. copy and paste the following after the last line in the editor – Note: The first three .sku, .posted and .tagged will remove the sku and categories. .product_meta removes both sku and category

.sku {
display: none;
}

.posted_in {
display: none;
}

.tagged_as {
display: none;
}

.product_meta {
display: none;
}

[MrinalMember]

Hi Jack,

Thanks for the update, we appreciate you hard work to resolve the issue yourself.

You need to use any external plugin to add custom CSS/JS codes, as you can add them via Customizer > Custom CSS.

Have a nice day, Cheers!

[Bob & Sheila MParticipant]

I tried Jack’s CSS in the Customizer > Custom CSS and it’s not working for me when done that way.

(Also tried some variations I found on various blogs about how to remove the SKU.)

Question to Support: Could it be that something in X Theme is overwriting that particular change? And that the approach Jack took — using JetPack — was what made it work for him?

BTW, big thanks to you, Jack, for coming back to post your solution.

Cheers!

Sheila

[ChristianModerator]

Please try

.sku, .posted_in, .tagged_as, .product_meta {
	display: none !important;
}

Thanks.

[Author]

Posts