Is it possible to remove the "Shop" title from the WooCommerce catalogue? [closed]

CSS METHOD

To hide with CSS this should do the trick for you. Add the following to the theme’s or child theme’s style.css, or to the Customizer’s CSS section:

body.post-type-archive-product .bs-card-box.page-entry-title {
    display: none;
}

What we’re doing here is targeting the product archive template file that WooCommerce uses to dynamically create that page. By doing this we avoid hiding the title on other pages. The specification comes from body.post-s-type-archive-product.

Then we locate the container on the page that has the title, which is .bs-card-box.page-entry-title and we set the display to display: none;.

That should take care of it for you.

THEME/TEMPLATE METHOD

Now, the way to do it by editing it in WooCommerce is as follows.

You want to locate, in the parent theme a file called archive-product.php. It’ll probably be located in wp-content/themes/your-theme-directory/woocommerce/archive-product.php.

If you copy that over to your child theme and match the path so it’s:

wp-content/themes/your-child-theme-directory/woocommerce/archive-product.php

Then find where that mark-up and PHP is, something similar to this:

<div class="bs-card-box page-entry-title">
    <h1 class="entry-title title mb-0">SHOP</h1>
</div>

…then just comment out that code in your copy that you’ve put into your child theme.

Like this:

<!--<div class="bs-card-box page-entry-title">
    <h1 class="entry-title title mb-0">SHOP</h1>
</div> -->

Keep in mind that I’m kinda just guessing on what this will look like and guessing the location of this file, it’ll most likely be different. However, the CSS method should be all that you need.

Related Posts: