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

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

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

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

برای اضافه کردن نوار جستجو در ووکامرس کافیست کد زیر را در 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' );

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

اضافه کردن نوار جستجو

لینک کوتاه:

https://a4fran3.ir/?p=17903

guest
0 نظر
Inline Feedbacks
مشاهده همه نظرات

مطالب مشابه