Searchbar user focus trigger search

[itsjonesyy70Participant]

Hello,

I had a few emails back and forth with Ernest about what I can achieve with this plugin and I have since purchased a license.

I am trying to emulate the search bar seen at merchbar dot com.
The plugin is able to do what I need with a normal search via text.

But I am trying to emulate the functionality where the user simply focuses the search bar without having to type text. It gives a preview of certain taxonomy / item.

Ernest mentioned setting up a javascript trigger to initialize a search when the user focuses the search box.
Would be great if you could help.

I do have access to a public server which we can use, I just need to move my test environment there first.

Thanks!

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

This custom code should help you triggering the search whenever the input is focused:

add_action('wp_footer', 'wp_footer_asp_custom_script', 9999);
function wp_footer_asp_custom_script() {
	?>
	<script>
	(function(){
		document.querySelectorAll('input.orig').forEach(function(el){
			el.addEventListener('focus', function(){
				el.dispatchEvent(new Event('input'));
			});
		});
	}())
	</script>
	<?php
}

Try adding this code to the functions.php file in your theme/child theme directory – make sure to have a full server back-up first for safety. For more details you can check the safe coding guidelines.

This code will trigger the search initially, whenever the user clicks on the input field.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts