WooCommerce кастомизация поля поиска

Вывод поиска товаров wooxommerce в произвольном месте и со своим дизайном.
За вывод формы поиска отвечает функция get_product_search_form()

get_product_search_form()

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

<?php
/**
 * Filter WooCommerce  Search Field
 *
 */
add_filter( 'get_product_search_form' , 'me_custom_product_searchform' );
function me_custom_product_searchform( $form ) {
	
        $form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/'  ) ) . '">
                        <div class="new_search_form">
                                <label class="screen-reader-text" for="s">' . __( 'Search for:', 'woocommerce' ) . '</label>
                                <input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'My Search form', 'woocommerce' ) . '" />
                                <input type="submit" id="searchsubmit" value="'. esc_attr__( 'Search', 'woocommerce' ) .'" />
                                <input type="hidden" name="post_type" value="product" />
                        </div>
                </form>';

return $form;


}

Вот пример

<?php
/**
 * Filter WooCommerce  Search Field
 *
 */
add_filter( 'get_product_search_form' , 'me_custom_product_searchform' );
function me_custom_product_searchform( $form ) {
	
	$form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/'  ) ) . '">
			<div class="search_box">
				<label class="screen-reader-text" for="s">' . __( 'Search for:', 'woocommerce' ) . '</label>
				<button type="submit"><i class="ion-ios-search-strong"></i></button>
				<input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'Search products...', 'woocommerce' ) . '" />                           
					<input type="hidden" name="post_type" value="product" />
			</div>
	</form>';
	return $form;
}

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вы можете использовать HTML- теги и атрибуты:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>