{"id":3629,"date":"2020-11-13T16:22:21","date_gmt":"2020-11-13T16:22:21","guid":{"rendered":"https:\/\/www.futurestatemedia.com\/?p=3629"},"modified":"2021-06-30T21:04:44","modified_gmt":"2021-06-30T21:04:44","slug":"woocommerce-hide-category-sku-on-product-page","status":"publish","type":"post","link":"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/","title":{"rendered":"WooCommerce Hide Category &#038; SKU on Product Page"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Using WooCommerce, want to remove category from the product page? Or want to remove the SKU from the product page? We&#8217;ve got a solution<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We hate custom code and hacky solutions to things that should be fundamentally fixed PROPERLY. But as always, we present the &#8220;stupid&#8221; way (using code) for these problems and the &#8220;better more enlightened&#8221; way (using a page builder that ANYONE could use).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s get into how to hide the Category and SKU Meta data on the Product Page (from just below the Add to Cart Button)<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WooCommerce_remove_category_from_product_page\"><\/span>WooCommerce remove category from product page<span class=\"ez-toc-section-end\"><\/span><\/h2><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a83689c09ee1\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a83689c09ee1\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/#WooCommerce_remove_category_from_product_page\" >WooCommerce remove category from product page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/#WooCommerce_hide_category_on_product_page\" >WooCommerce hide category on product page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/#Hiding_the_Category_SKU_data_on_a_Product_Page_with_WooCommerce\" >Hiding the Category &amp; SKU data on a Product Page with WooCommerce<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/#How_to_hide_the_Category_label_and_SKU_Data_on_WooCommerce_Product_Pages_using_a_page_builder\" >How to hide the Category label and SKU Data on WooCommerce Product Pages using a page builder<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/#Related_Topics_%E2%80%93_Removing_Elements_From_WooCommerce\" >Related Topics &#8211; Removing Elements From WooCommerce<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/#You_Searched_For\" >You Searched For:<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WooCommerce_hide_category_on_product_page\"><\/span>WooCommerce hide category on product page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"278\" src=\"https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Get-rid-of-category-and-sku-on-product-page-woocommerce.jpg\" alt=\"Get rid of category and sku on product page woocommerce\" class=\"wp-image-3630\" srcset=\"https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Get-rid-of-category-and-sku-on-product-page-woocommerce.jpg 605w, https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Get-rid-of-category-and-sku-on-product-page-woocommerce-480x221.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 605px, 100vw\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f1f1f1\"><em data-rich-text-format-boundary=\"true\">This article contains affiliate links which means we may earn a small commission if you purchase plugins and services we mention at no extra cost to you. We only recommend the best plugins and services &#8211; which we have used and can recommend.<\/em><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hiding_the_Category_SKU_data_on_a_Product_Page_with_WooCommerce\"><\/span>Hiding the Category &amp; SKU data on a Product Page with WooCommerce<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can use CSS as always to just disable the Category and <a href=\"https:\/\/www.futurestatemedia.com\/en\/what-is-a-sku-in-woocommerce\/\">SKU<\/a> data from appearing. CSS removes this &#8220;Product Meta Data&#8221; from the Product Page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>.single-product .product_meta {<br>\ndisplay: none;<br>\n}<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Insert this code into the &#8220;Additional CSS&#8221; area of the Theme Customizer and you&#8217;re done. The Product Meta Data including Category and SKU will be deleted from the WooCommerce single product page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re looking for the &#8220;Additional CSS&#8221; area you&#8217;ll need to go to the WordPress Admin area, hover over &#8220;Appearance&#8221; in the left hand menu and click &#8220;Customize&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve done that, the WordPress theme customizer will appear and one of the items the Theme Customizer menu will be &#8220;Additional CSS&#8221; as shown below<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"934\" src=\"https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Additional-CSS-Section-WordPress.jpg\" alt=\"\" class=\"wp-image-4845\" srcset=\"https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Additional-CSS-Section-WordPress.jpg 404w, https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Additional-CSS-Section-WordPress-281x650.jpg 281w, https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Additional-CSS-Section-WordPress-238x550.jpg 238w, https:\/\/www.futurestatemedia.com\/wp-content\/uploads\/2020\/11\/Additional-CSS-Section-WordPress-5x12.jpg 5w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_hide_the_Category_label_and_SKU_Data_on_WooCommerce_Product_Pages_using_a_page_builder\"><\/span>How to hide the Category label and SKU Data on WooCommerce Product Pages using a page builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can build an entire new product page using a page builder without using a single line of code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You don\u2019t have to build anything fancy \u2013 you can in fact just build an almost exact copy of the default WooCommerce Product page and tweak the design to your requirements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So in this example, you can simply \u201cswitch to page builder\u201d on the product page and build the page WITHOUT WooCommerce Category and SKU data (Product Meta Data).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019re not hiding WooCommerce Category and SKU data<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019re not disabling WooCommerce Category and SKU data<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019re removing WooCommerce Category and SKU data from the Product Page altogether.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is, as far as we\u2019re concerned the right answer from a technical standpoint and a much more sustainable and attainable answer for WooCommerce users who aren\u2019t developers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">YOU DON\u2019T need to be a developer to create and run a WooCommerce store \u2013 custom code solutions are damaging ways of creating poorly performing WooCommerce stores that are hacked together with \u201ccustomisations\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use a page builder like Divi &#8211; which you can check out here &#8211; <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=64400&amp;url=64705\" target=\"_blank\" rel=\"noopener\">Read More About the Divi Theme and Page Builder all in one<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=64400_5_1_18\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/affiliates\/media\/banners\/divi_300x250.jpg\" alt=\"Divi WordPress Theme\"\/><\/a><\/figure><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Related_Topics_%E2%80%93_Removing_Elements_From_WooCommerce\"><\/span>Related Topics &#8211; Removing Elements From WooCommerce<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.futurestatemedia.com\/en\/how-do-i-remove-checkout-option-from-woocommerce\/\">How to remove the checkout option from WooCommerce store<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.futurestatemedia.com\/en\/change-woocommerce-thank-you-page-without-code-customization\/\">Customize the WooCommerce order Thank You page without code<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.futurestatemedia.com\/en\/remove-related-products-in-woocommerce\/\">Remove related products from WooCommerce product page without code<\/a><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"You_Searched_For\"><\/span>You Searched For:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce hide sku<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce hide category on product page<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce remove category from product page<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce hide category from product page<\/p>","protected":false},"excerpt":{"rendered":"<p>Using WooCommerce, want to remove category from the product page? Or want to remove the SKU from the product page? We&#8217;ve got a solution We hate custom code and hacky solutions to things that should be fundamentally fixed PROPERLY. But as always, we present the &#8220;stupid&#8221; way (using code) for these problems and the &#8220;better&hellip; <a class=\"more-link\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-hide-category-sku-on-product-page\/\">Continue reading <span class=\"screen-reader-text\">WooCommerce Hide Category &#038; SKU on Product Page<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[20,30],"tags":[],"class_list":["post-3629","post","type-post","status-publish","format-standard","hentry","category-website-design","category-ecommerce-stores","entry"],"_links":{"self":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/3629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/comments?post=3629"}],"version-history":[{"count":0,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/3629\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/media?parent=3629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/categories?post=3629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/tags?post=3629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}