Website Building » WooCommerce » How Do I Hide Page Title in WooCommerce?

How Do I Hide Page Title in WooCommerce?

Last updated on January 14, 2023 @ 12:08 pm

There are a few different ways that you can hide the page title in WooCommerce. One way is to use the built-in WordPress Customizer. Simply go to Appearance > Customize > WooCommerce > Page Layout and select the “Hide Page Title” option.

Another way to hide the page title is by using a plugin like WooCommerce Page Builder. With this plugin, you can simply drag and drop a “Page Title” element into the layout of your choice and then toggle the visibility option to “Hidden”.

If you’re comfortable working with code, you can also add a bit of CSS to your theme’s stylesheet to hide the page title. Simply add the following code to your child theme’s stylesheet:

PRO TIP: If you are considering hiding the page title in WooCommerce, be aware that this may have unintended consequences. For example, if you have a product that is only available in certain colors, and the customer can only choose the color on the product page, hiding the page title will prevent the customer from knowing which color they are choosing. In addition, hiding the page title may also prevent search engines from indexing your product pages, which could negatively impact your search engine optimization (SEO).
.woocommerce-page .entry-title {
  display: none;
}

Finally, if you want to completely remove the page title from WooCommerce pages, you can do so by editing your theme’s template files. For example, if your theme uses the content-single-product.php template file, you would need to edit that file and remove or comment out the code that displays the page title.

As you can see, there are a few different ways that you can hide the page title in WooCommerce. Which method you choose will depend on your level of comfort with code and your overall website goals.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.