Vyhledávací pole kdekoliv na stránce

Vyhledávací formulář patří bezesporu mezi základní prvky, které by měla obsahovat každá webové stránka. V případě, že bychom chtěli vložit vyhledávací formulář kamkoliv na web, tak je nutné vytvořit jednoduchý shortcode, který nám tuto situaci jednoduše vyřeší. Daný shortcode opět vložíme do souboru functions.php. Shortcode následně pak můžeme vložit do stránky, příspěvku nebo widgetu. Případně si ještě můžeme přidat vlastní class nebo id a vzhled formuláře si upravit podle sebe.

function searchbar($form){
$form = '
<form role="search" method="get" class="woocommerce-product-search" action="'. home_url( '/' ) . '" >
  <label class="screen-reader-text" for=""s">'. __('Search for:') . '</label>
  <input type="search" id="search" class="search-field searchbar-shortcode" placeholder="Hledat tašky…" value="' . get_search_query() . '" name="s"> 
  <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" /> 
</form>';
return $form;
}

add_shortcode('searchbar', 'searchbar');

Tip na závěr

Pokud používáme plugin woocommerce, tak můžeme před </form> vložit tento kód <input type="hidden" name="post_type" value="product"> a samotné hledání bude aplikováno na produkty, které máme uloženy v rámci woocommerce