open search bar after button click

Hello,
before we purchased your theme we asked you this presale question:

“How to open the search input box from “fullscreen1” search after click on a custom element/custom button please? Which js function we shoud call/request?”

Your feedback was:
“You can create a topic on our support forum and our specialists will give you a simple JS snippet to do this.”

Today we purchased your theme and need to understand how we can open the search form via snippet please.
If you open our website link you will see a search loupe without searchbar. We wanna build a custom searchbar and if someone click on i we need to open the searchform.
Todo this we need the JS snippet please to open the seach form.

BR
Tommy

Hi thomas-8605,

Thanks for reaching to us.

You are referring to the button or elements in the header or somewhere?

Regards,
Hung PD

Hello,

let me first explain what we try to do:
Your search widget for header have some search styles.
The search result style from search style “fullscreen” is nice and very good.
But the problem is: this style only show an search icon without search input field.
This is only possible in search style “fullscreen 2” – but here the problem is: the result style is not nice.

So we need to use search style “fullscreen” and adding an search form to search icon.

The plan is this:
1. First we have to create an image with search icon and search input field.
2. Adding this image to html block content.
3. Add the html block content to header.

Now, when visitor click on this image we have to open the search input field and results from “fullscreen” style.

Your presale team say its possible to do this by a JS snippet.

ANd maybe you can improve the search widget to be able to have an search input field also with “fullscreen” style.
In other themes you can combine without limits, only in woodmart you have to select fullscreen or fullscreen 2 and it will decide for you if there is an search form or not. In other themes its another flow: you decide first: with serachform or not and in second style you decide/chose the result style…

BR
Tommy

Hi thomas-8605,

Thanks for your patience.

According to your explanation, you want the search to have input field with Fullsearch style instead?

Regards,
Hung PD

Yes, because “fullscreen” style is the best one.
But we do not understand why its a good idea to limit it to “icon only” in header. 🙁 There is no input field shown.
“According to your explanation, you want the search to have input field with Fullsearch style instead?” -> yes, this is correct.

Hi thomas-8605,

Sorry, currently it works in such a way. You can create a future request here – https://woodmart.canny.io/feature-requests so our developers can take it into account.

Best Regards,
Hung PD

Hello,

why your support confirmed before: yes, its possible to open search bar via JS snippet, we only need to purchase the theme and start a request in forum…
And now you say: no way. 🙁

We purchased 8 subscriptions via different accounts. So all we need to cancle again after write negativ review pls.
How to cancle all subscriptions in bulk via email?

BR
Tommy

Hi thomas-8605,

Try to add the code below in Theme Settings > Custom JS:

jQuery('.custom-class').on('click', function() {
	jQuery('.wd-header-search.wd-display-full-screen > a').trigger('click');
});

To make this code work properly, you need to replace .custom-class with your own element’s class that should trigger the opening.

Regards,
Hung PD

[Author]

Posts