Having search showing up as a popup

Anonymous

#230578

We have been trying to include an option in the top Nav that when clicked, activates a popup and search bar shows in there. We are looking for a shortcode that can allow us to move the bar in such a way, The user will click on the search icon at the top and a popup is presented where user can enter their text.

Trevor

#230603

You would need some form of pop up plugin. Where the panel that appears would do one of three things:

Slide in from an edge (the Ninja plugin is a good example of this)
A full screen overlay would appear
A pop up box would appear

The ‘button’ on the nav bar would be set to trigger this action (most plugins do this through a custom classname or similar). Of course, you would need a nav bar system that allows you to do what is necessary to trigger that. For example, if you have to place a shortcode instead of a link, you would need to make sure your nav plugin allows you to do that. WordPress does allow you (once you enable the option) to add custom class names to links.

Then, in the content for the panel that appears, you place the shortcode for our form.

Anonymous

#231261

Thanks, Trevor.

However there’s one issue with the search bar now, it is not searching well now. what I mean is I want it to be able to search for Product names, category, tags, and store name also.

I noticed on WordPress a message saying we can’t use two different forms on one page? We have two forms on home one for the category which we moved to the top and the other is search bar – We want both on one template for woocommerce.

Pls take a look here once: https://goodstuff.co/

Thanks

Trevor

#231265

I see. The only thing you can do is to make the search in the header a ‘Custom’ Search, with Ajax OFF and with the page slug being your shop page.

Then, the other form should also appear on the shop page, and should have a search bar in it also.

As it is currently set, it SHOULD go to the shop page. Have you defined the Shop page in WooCommerce, because it is not going there right now?

Anonymous

#231342

Thanks Trevor.

I’ve assigned the shop page to the front page. So the home page is the shop page.
And I’ve added two Serach&Filter forms one for sidebar and another for PopUp. The popup has the search UI but it doesn’t seem working.
For both Filters: Display results method is set to Woocommerce Shop.
Is there any way to keep both filters on the same page without custom search form and no Ajax?

Anonymous

#231346

Hi Trevor
Is there no documentation to separate the search field from the filters. All were trying to do is not have the search on the left nav on top of the filters. Instead we want it on the top nav like every other modern website. Does that make sense?

This must be a very common question. Can you please give us the documentation for how to do this? Also we only want the search field to be on top not the entire form with all the filtering options.

Thanks so much.

Anonymous

#231348

The search bar is not searching for the tags and category, Only searches for the product name. Can you pls check here: https://goodstuff.co/

Trevor

#231366

There are many issues here being commingled. You need a text search on its own in the header and that it can search product categories and tags. Let us take this first.

Our plugin does not directly allow you to do text searches of individual Post Meta (custom fields) and Taxonomy (Category, Tags and Taxonomies) data/terms. The Search & Filter Pro Text Search field uses the standard WordPress search, so looks only in the Post Title and Content. To help you control this better, on the form’s Advanced settings tab you will see 2 settings for Relevanssi.

The documentation for this is here:

https://www.designsandcode.com/documentation/search-filter-pro/3rd-party/relevanssi/

You would need to install and activate the free Relevanssi plugin as well.

Then set Relevanssi up and build its index (make sure it is indexing the desired post types AND the taxonomy that you want to search).

The next issue is that, you want two forms on the page, OR more accurately, you want one form that you can split into two parts. This feature will appear on V3, due for release on a few months). Until then, it is not possible.

Using workarounds and caveats, under certain circumstances, it IS possible to have more than one form on a page, but they must redirect to a different page to show their results, and they will not talk to each other (so, to filter by a text term in the one form, and then make further selections, those selections would ignore the text search.

Does that make sense?

Anonymous

#231385

Hey Trevor
Thanks fo your prompt reply. Yes makes sense.
So are you saying by using relevansii we will be able to use the default WP search on the top nav. Once Indexed it will allow us to search by custom fields etc. Making our search more robust.

Will we still be able to filter on the search results page?

—

We dont need two forms actually. We ended up using 2 forms because we were trying to use the search and filter search on the top nav. And to do that we put another search form up there. our objective on this thread has been to have a robust search on the top nav. From your message — if we implement relevansi correctly we will be able to achieve this. Am I right?

Thanks!

Trevor

#231488

Q. So are you saying by using relevansii we will be able to use the default WP search on the top nav. Once Indexed it will allow us to search by custom fields etc. Making our search more robust.
A. Yes

Q. Will we still be able to filter on the search results page?
A. Yes

And yes to the last question.

[Author]

Posts