آموزش اضافه کردن نوار جستجو در صفحات ووکامرس

آموزش اضافه کردن نوار جستجو در صفحات ووکامرس

شما میتوانید در هر کجای سایت که خواستید نوار جستجو را اضافه نمایید .

برای اضافه کردن نوار جستجو در ووکامرس کافیست کد زیر را در functions.php قرار دهید

// ----------------------------------
// 1. ADD SEARCH TO STOREFRONT FOOTER
 
add_action('storefront_footer','add_search_to_footer');
 
function add_search_to_footer() {
get_search_form();
}
 
 
// ----------------------------------
// 2. LIMIT SEARCH TO POSTS OR PRODUCTS ONLY
 
function SearchFilter($query) {
if ( !is_admin() && $query->is_search ) {
$query->set('post_type', 'post'); // OR USE 'PRODUCT'
}
return $query;
}
 
add_filter('pre_get_posts','SearchFilter');
 
 
// ----------------------------------
// 3. CHANGE PLACEHOLDER & BUTTON TEXT
 
function storefront_search_form_modify( $html ) {
    return str_replace( array('Search …','Search'), array('WooCommerce Hooks, Storefront Theme, Google AdWords...','Search Article'), $html );
}
 
add_filter( 'get_search_form', 'storefront_search_form_modify' );
 
 
// ------------------------------
// 4. ADD SEARCH ICON TO NAVIGATION MENU
 
function new_nav_menu_items($items) {
    $searchicon = '<li class="search"><a href="#colophon"><i class="fa fa-search" aria-hidden="true"></i></a></li>';
    $items = $items . $searchicon;
    return $items;
}
 
add_filter( 'wp_nav_menu_additional-resources_items', 'new_nav_menu_items' );

نتیجه کد بالا :