Как изменить форму поиска продуктов в WooCommerce

В этой статье мы расскажем вам, как изменить форму поиска продуктов WooCommerce. Мы можем столкнутся со сценарием, в котором нам нужно будет обновить текст заполнителя по умолчанию, который выводится в форме поиска продукта. Вместо того, чтобы переопределять шаблон, мы смогли использовать  фильтр get_product_search_form, предоставляемый WooCommerce, чтобы переопределить форму поиска продукта в нашем файле темы functions.php.

Чтобы начать изменение этого фрагмента, просто скопируйте приведенный ниже код и вставьте его в файл functions.php вашей темы:

add_filter( 'get_product_search_form' , 'woo_andreyex_product_my_searchform' );
function woo_andreyex_product_my_searchform( $form ) {

	$form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/'  ) ) . '">
		<div>
			<label class="screen-reader-text" for="s">' . __( 'Введите ключевое слово или номер продукта', 'woocommerce' ) . '</label>
			<input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'Введите ключевое слово или номер продукта', 'woocommerce' ) . '" />
			<input type="submit" id="searchsubmit" value="'. esc_attr__( 'Поиск', 'woocommerce' ) .'" />
			<input type="hidden" name="post_type" value="product" />
		</div>
	</form>';

	return $form;

}

После установки вы увидите, что вы завершили контроль над разметкой формы поиска продукта.

Теперь вы можете обновлять текст кнопки «Отправить», текст программы чтения с экрана и текст заполнителя по своему усмотрению. Удачи!