Hvis du gerne vil ændre udseendet af WooCommerces egen produktsøgning, så kan det gøres nemt med et filter.
Med denne lille kodestump kan du overstyre den normale produktsøgning, den der aktiveres med widgeten WooCommerce Produktsøgning (Product Search). Du tilføjer den enten til dit temas functions.php eller dit eget funktionsplugin.
add_filter( 'get_product_search_form' , 'wppro_woo_custom_product_searchform' );
/**
* wppro_woo_custom_product_searchform
*
* @access public
* @since 1.0
* @return void
*/
function wppro_woo_custom_product_searchform( $form ) {
$form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/' ) ) . '">
<div>
<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;
}
Du kan opnå det samme ved at oprette en product-searchform.php i dit temas mappe og indsætte den ønskede kode heri. Men så vil du få en advarsel ved opdatering af WooCommerce, da du så bruger templates, der overstyrer de oprindelige.
En templatefil vil have prioritet over filtermetoden, så hvis du ikke kan få en ændring til at gå igennem, kan du tjekke om dit tema måske har en sådan fil i forvejen.