How don’t to show SKU product on the product page?

Hi @regianesouza

I understand that you would like to hide the SKU on the product page.

In some themes, they offer an option to hide this:

1. Go to your WordPress admin dashboard.
2. Navigate to Appearance > Customize.
3. Go to WooCommerce > Product Catalog or Product Page, then find the option to hide SKU. Make sure to publish the changes.

However, if this option is not available in your theme, you can use custom CSS to hide the SKU. Here’s how:

1. Go to Appearance > Customize > Additional CSS.
2. Add the following code:

.product_meta .sku_wrapper {
    display: none;
}

3. Make sure to publish the changes.

Hi (@aguinaldodarla), thanks for returning!

My theme Orchid Store doesn’t offer this option. And I inserted the code on addicional css area, publish the changes, but It didn’t worked yet. See, please: https://drive.google.com/file/d/1s_uLLAVxJJgO4jA2dgOksxEbR7agoJOS/view?usp=sharing

I tried select css addicional options below, but nothing happens.

Did I insert correctly the code?

Hi @regianesouza

Can you please use this instead? I replicated this on my end and should work with this code snippet:

.product_meta .sku_wrapper span {
    display: none !important;
}

Other styles or scripts on your website were potentially preventing the CSS rule from working as expected, that is why I’ve added !important to make sure it’s in the highest priority and is not overridden by any other styles.

Hi (@aguinaldodarla), it worked! Thanks!

But, just the text “SKU” didn’t hide. There is some way to hide it? See image, please: https://drive.google.com/file/d/1Ycgo1DxNyF0CtNd8S333Bmx6aC1X69_a/view?usp=sharing

Hi @regianesouza

just the text “SKU” didn’t hide. There is some way to hide it?

I’m thrilled that our previous solution hit the mark for you! Now, let’s tackle your new request together.

To make the SKU label and the SKU itself disappear completely, implement the code snippet below:

.woocommerce div.product span.sku_wrapper {
display: none !important;
}

Image Link: https://s6.gifyu.com/images/S69N9.gif

Here’s how to implement it:

1. Open your WordPress dashboard.
2. Navigate to Appearance -> Customize -> Additional CSS.
3. Copy and paste the CSS provided into the Additional CSS box.
4. Hit the “Publish” button to save your changes.

This code should remove both the SKU and the “SKU” label from your product page. The “!important” rule ensures that this style overrides any other conflicting styles that might be present on your site.

Give this a shot and let me know if it solves the issue. If you’re still having trouble, don’t hesitate to reach out. I’m here to help!

Hi @bisratlearn, it was completly resolved! Thank you very much!

Hi @regianesouza

it was completly resolved! Thank you very much!

I’m thrilled to hear that the issue has been completely resolved! It was a pleasure assisting you with hiding the SKU and its label from your product page.

I’ll go ahead and mark this thread as resolved. However, if you ever have more questions or issues in the future, don’t hesitate to kick off a new topic.

We’d be thrilled if you could spare a few minutes to leave us a review at ?? https://www.ads-software.com/support/plugin/woocommerce/reviews.

Cheers!