TIlpasse Woocommerce produktsøgning

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.

 

Del på facebook
Facebook
Del på twitter
Twitter
Del på linkedin
LinkedIn
Del på pinterest
Pinterest
Del på reddit
Reddit
Del på email
Email