Support ForumSearch box not appearing – Support Forum

Search box not appearing

larkmeadictsupport — Fri, 31 Jan 2014 15:36:22 +0000

Hi,

We have a fade in search box on our site but it isn’t working properly.

https://obwiz.co.uk/Larkmead2014v2/

Any ideas on what the problem could be?

Thanks
Kalinda

Reply To: Search box not appearing

IshYoBoy — Fri, 31 Jan 2014 16:22:54 +0000

Hey,

Something’s wrong with your js, seems like the callback function of fadeTo is not called or the’re something wrong withe the selector of the form.. Not sure.

mnSearch.parent().siblings().not(mnSearch).fadeTo(searchDel, 0.0001, function() {
                    $(this).css('visibility', 'hidden');

                    // show form
                    searchForm.css('visibility', 'visible');
                    searchForm.fadeTo(searchDel, 1);

                    // Focus on field after click
                    searchForm.find('input[type="text"]').focus();
                });

mnSearch.parent().siblings().not(mnSearch).fadeTo(searchDel, 0.0001, function() {

$(this).css('visibility', 'hidden');

// show form

searchForm.css('visibility', 'visible');

searchForm.fadeTo(searchDel, 1);

// Focus on field after click

searchForm.find('input[type="text"]').focus();

});

Try to debug it using either alert() or console.log(). Make sure the “searchForm” contains the correct object. Try to alert a message to be sure the function is even called.. Etc..

Oooooh! Think I’ve got it! Since you have no siblings of:

mnSearch.parent().siblings()

as you currently have just one

, then I guess you’re trying to apply the fade animation to an empty object, therefore it is not applied at all and the callback function is never called.

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

Reply To: Search box not appearing

larkmeadictsupport — Wed, 05 Feb 2014 16:52:08 +0000

Hi,

Thanks for the quick reply.

I’m completely lost, not sure what we need to do, or where to look, can you point us in the right direction please?

Thanks
Kalinda

Reply To: Search box not appearing

IshYoBoy — Thu, 06 Feb 2014 09:16:52 +0000

Hey,

Please locate and open the file:

https://obwiz.co.uk/Larkmead2014v2/wp-content/themes/minicorp/assets/html/core/libs/js/main.js

On lines 279 to 289 you should see the following code:

// hide all siblings
mnSearch.parent().siblings().not(mnSearch).fadeTo(searchDel, 0.0001, function() {
	$(this).css('visibility', 'hidden');

	// show form
	searchForm.css('visibility', 'visible');
	searchForm.fadeTo(searchDel, 1);

	// Focus on field after click
	searchForm.find('input[type="text"]').focus();
});

// hide all siblings

mnSearch.parent().siblings().not(mnSearch).fadeTo(searchDel, 0.0001, function() {

$(this).css('visibility', 'hidden');

// show form

searchForm.css('visibility', 'visible');

searchForm.fadeTo(searchDel, 1);

// Focus on field after click

searchForm.find('input[type="text"]').focus();

});

please delete and replace all the lines above with the following ones:

// hide all siblings
var siblings = mnSearch.parent().siblings().not(mnSearch);

if ( siblings.length > 0 ) {
	// Siblings Exist
	siblings.fadeTo(searchDel, 0.0001, function() {
		$(this).css('visibility', 'hidden');

		// show form
		searchForm.css('visibility', 'visible');
		searchForm.fadeTo(searchDel, 1);

		// Focus on field after click
		searchForm.find('input[type="text"]').focus();
	});
}
else{
	// No siblings, just search

	// show form
	searchForm.css('visibility', 'visible');
	searchForm.fadeTo(searchDel, 1);

	// Focus on field after click
	searchForm.find('input[type="text"]').focus();
}

// hide all siblings

var siblings = mnSearch.parent().siblings().not(mnSearch);

if ( siblings.length > 0 ) {

// Siblings Exist

siblings.fadeTo(searchDel, 0.0001, function() {

$(this).css('visibility', 'hidden');

// show form

searchForm.css('visibility', 'visible');

searchForm.fadeTo(searchDel, 1);

// Focus on field after click

searchForm.find('input[type="text"]').focus();

});

}

else{

// No siblings, just search

// show form

searchForm.css('visibility', 'visible');

searchForm.fadeTo(searchDel, 1);

// Focus on field after click

searchForm.find('input[type="text"]').focus();

}

This should fix your problem. Please let us know!
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

Reply To: Search box not appearing

IshYoBoy — Thu, 06 Feb 2014 09:55:12 +0000

Hey,

we had a typo in the following line:

if ( siblings.length > 0 ) {

The word “length” was spelled incorrectly as “legth”. It’s fixed now, just make sure to copy the correct code.

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

Reply To: Search box not appearing

larkmeadictsupport — Thu, 06 Feb 2014 14:58:44 +0000

Hi,

Thanks so much for your help, much appreciated, all working now :)

Kalinda

Reply To: Search box not appearing

IshYoBoy — Thu, 06 Feb 2014 15:13:25 +0000

Hey,

Great to hear that!

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