Remove “Search Results: ‘%s’” and blank space from Woocommerce Shop Search Results Page

Tags: , , , ,



I am trying to remove the “Search results: ‘ ‘ ” text that shows above products on the Woocommerce Storefront search results page. Below is an image with the referenced text circled:

enter image description here

I have tried looking under search.php in the theme editor, but could only find how to remove the “Search results for ‘%s'” from the breadcrumb. How would I remove only what is circled in the image above?

Edit:

I have used the following code to remove the search results title, but a blank space is left where the title was removed. How would I also remove this blank space?

function filter_woocommerce_page_title($page_title)
    {if (is_search())
    {$page_title = '';}}
add_filter('woocommerce_page_title', 'filter_woocommerce_page_title', 10, 1);

Answer

You need to use the woocommerce_page_title hook. If is_search() is true then you remove the text:

do_action( 'woocommerce_page_title',
    function( $page_title ) {
        if ( is_search() ) {
            $page_title = ''; // Or your custom text
        }
        return $page_title;
    },
    10, 1
); 

See the Hooks Reference for more info.

For hiding the margin that will remain, try setting the following CSS:

.search .woocommerce-products-header__title {display: none;}


Source: stackoverflow