Вывод поиска товаров 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;
}