WooCommerce — как изменить форму поиска
Для работы с поиском используется фильтр get_product_search_form.
/**
* This code snippet will replace the default product search from in the search widget.
*/
add_filter( 'get_product_search_form', 'quadlayers_custom_product_search_form' );
function quadlayers_custom_product_search_form( $form ) {
ob_start();
?>
<style>
/*Include your styles rules here*/
</style>
<form role="search" method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<div>
<label class="screen-reader-text" for="s"><?php echo __( 'Search for:', 'woocommerce' ); ?></label>
<input type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="<?php echo __( 'Введите артикул или код товара', 'woocommerce' ); ?>" />
<input type="submit" id="searchsubmit" value="<?php echo esc_attr__( 'Search', 'woocommerce' ); ?>" />
<input type="hidden" name="post_type" value="product" />
</div>
</form>
<?php
return ob_get_clean();
}