How do I change the Search placeholder from “Search Products”?

Hi @person123,

I have not been able to find any code online re changing the search placeholder for Storefront… Only other themes using Woocomerce.

Any way to customise this?

Storefront is WooCommerce’s premier theme, so changing it with processes for other themes that use WooCommerce should be fine. You should also be able to add the following code:

// Alter header menu searchform placeholder text
// Alter header m add_filter( 'wpex_get_header_menu_search_form_placeholder', function() {
	return __( 'Your custom text', 'Total' );
} );

// Alter core searchform placeholder (such as sidebar widget)
add_filter( 'wpex_search_placeholder_text', function() {
	return __( 'Your custom text', 'Total' );
} );

into your child theme’s function.php file, changing the ‘Your Custom Text’ to what you would like.

You can use the Code Snippets plugin to do this if you do not have a child theme. If you are unfamiliar with how to set up a child theme you can look at this link.

Let us know if this helps!

Hi Nixiack8 thanks so much for that! Unfortunately, I got an error when inserting to my child theme:

Your PHP code changes were rolled back due to an error on line 96 of file wp-content/themes/storefront-child-theme-master/functions.php. Please fix and try saving again.

syntax error, unexpected ‘}’
——————–

It might be something simple but I know next to nothing about code ha. Sorry!

Thanks again

Think I fixed it (but might be wrong ha):

// Alter header menu searchform placeholder text
add_filter( ‘wpex_get_header_menu_search_form_placeholder’, function() {
return __( ‘Your custom text’, ‘Total’ );
} );

// Alter core searchform placeholder (such as sidebar widget)
add_filter( ‘wpex_search_placeholder_text’, function() {
return __( ‘Your custom text’, ‘Total’ );
} );

But it still doesn’t work ??

Managed it with this code:

function my_text_strings( $translated_text, $text, $domain ) {
switch ( $text ) {
case ‘Search products…’ :
$text = __( ‘Search Offers…’, ‘woocommerce’ );
break;
}
return $text;
}
add_filter( ‘gettext’, ‘my_text_strings’, 20, 3 );

From: https://stackoverflow.com/questions/46791879/how-can-i-edit-woocommerce-search-field-placeholder

Thanks very much for your help and suggesting another themes code will work!