Changing search function on the site in Boldial

cabinboy — Wed, 11 Mar 2015 21:11:31 +0000

I saw a response to this for the minicorp site but not Boldial.

Currently on my site the search icon takes you to a full screen search feature.

I’d prefer to just have a static search bar that shows up in the Nav menu. Is that possible to do?

Homepage

Reply To: Changing search function on the site in Boldial

IshYoBoy — Thu, 12 Mar 2015 07:46:16 +0000

Hey,

unfortunately this involves custom work. you need to hook into the main menu and not only inject the button as done right now but also add the search form and add CSS styling to make it look nice. Also JavaScript (jQuery) control might be needed to show/hide it..

The filter for the injection of the search button can be found in the file:
/boldial/assets/functions/nav.php

The function itself is:

/* *********************************************************************************************************************
 * Add searchform to main menu
 */
add_filter( 'wp_nav_menu_items', 'ishyoboy_add_search_form', 10, 2 );

if ( ! function_exists( 'ishyoboy_add_search_form' ) ) {
	function ishyoboy_add_search_form($items, $args) {
		?>
		<?php
		global $ish_options;

		if ( ! ishyoboy_use_sidenav() ){

			if ( isset($args->theme_location) && ('header-menu' == $args->theme_location ) && isset($ish_options['use_navigation_search']) && ('1' == $ish_options['use_navigation_search']) ){
				$searchboxItem =
					'<li class="ish-ph-mn-search">' .
					$args->before .
					'<a href="#search" class="ish-icon-search"></a>' . $args->after . '</li>';
				$items = $items . $searchboxItem;
			}

			if ( isset($args->theme_location) && ('header-menu' == $args->theme_location ) && ishyoboy_use_expandable_header() ){
				$expandableItem =
					'<li class="ish-ph-expandable_btn">' .
					$args->before .
					'<a href="#expandable" class="ish-icon-list-add"></a>' . $args->after . '</li>';
				$items = $items . $expandableItem;
			}

		}
		return $items;
	}
}

/* *********************************************************************************************************************

* Add searchform to main menu

add_filter( 'wp_nav_menu_items', 'ishyoboy_add_search_form', 10, 2 );

if ( ! function_exists( 'ishyoboy_add_search_form' ) ) {

function ishyoboy_add_search_form($items, $args) {

<?php

global $ish_options;

if ( ! ishyoboy_use_sidenav() ){

if ( isset($args->theme_location) && ('header-menu' == $args->theme_location ) && isset($ish_options['use_navigation_search']) && ('1' == $ish_options['use_navigation_search']) ){

$searchboxItem =

' .

$args->before .

'' . $args->after . '';

$items = $items . $searchboxItem;

}

if ( isset($args->theme_location) && ('header-menu' == $args->theme_location ) && ishyoboy_use_expandable_header() ){

$expandableItem =

' .

$args->before .

'' . $args->after . '';

$items = $items . $expandableItem;

}

return $items;

}

You can override it via child theme and insert the search form. The searchform can be found in:
boldial/searchform-header.php

The JS which drives the search is located in the following file. Just look for “search”:
boldial/assets/frontend/js/main.js

As mentioned this change involves more changes and this is unfortunately part of the free support as it is customisation. Hope the information provided above will help you manage what you need.

Alternatively you could request our services for a flat hourly rate to provide the modification for you. In case you’re interested please drop us a line at hello@ishyoboy.com and let us know exactly how you imagine the design and functionality and also how it would work on mobile devices (tablets and small cell phones).

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumChanging search function on the site in Boldial – Support Forum

Changing search function on the site in Boldial

Reply To: Changing search function on the site in Boldial