Hiding SKU on Product Page via CSS Snippet – HOW?
-
Hi there,
From the following URLs:
https://woocommerce.com/posts/properly-add-woocommerce-custom-code/
https://www.skyverge.com/blog/woocommerce-how-to/
(especially see how-to number 2)
https://www.skyverge.com/blog/how-to-hide-sku-woocommerce-product-pages/
https://forum.alidropship.com/threads/how-to-hide-sku-number-on-product-page.7765/
(especially see Post #8 at the AliDropship forum link)I believe the best way to disable SKUs from being displayed on product pages in the shop is to add the following to CSS:
https://forum.alidropship.com/threads/how-to-hide-sku-number-on-product-page.7765/#post-48495
.product .sku_wrapper { display: none !important; }OR:
https://www.skyverge.com/blog/woocommerce-how-to/
Q: How do I hide WooCommerce SKUs on the product page?
A: This takes a tiny snippet in your custom CSS option or a child theme stylesheet:.sku_wrapper {
display:none;
}My questions are:
– Is the CSS solution really the best way? I don’t want the PHP solution because l want a solution that is universal across all shop templates, and l believe the CSS solution is therefore the best, right?
– How *exactly* do l add the CSS snippet? Which CSS file? Where in the file?
– Could anybody confirm to me the way to do it in PHP instead? Which PHP file? Where in the file? What exactly do l add?Please help in one post, as if you are explaining to a 5 year old.
- This topic was modified 5 years, 3 months ago by .
- This topic was modified 5 years, 3 months ago by .
The page I need help with: [log in to see the link]
- The topic ‘Hiding SKU on Product Page via CSS Snippet – HOW?’ is closed to new replies.