Hover Search Filter positioning and visibility issues

[ajaypunatar_5dlK]

We want the Filters to pop up when the search bar is opened and to stay on when searching.
The search results overlap the filters, so I wanted to move it to the end of the search so it’s always visible.

I’ve attached screenshot of what it looks like right now and what i’d like it to look like as well so that what I’m talking about makes sense.

I can’t see anywhere in CSS to make the edit to where the filter box is positioned as it’s pixel based, so I’m assuming its in the JS somewhere?

Also with the filter box set to be visible on the front end when the search is loaded, it doesn’t appear again when someone clicks away from the search and then clicks on the search icon on the header again

[Ernest Marcinko]

Hi,

All right! The screenshot didn’t came through, but I think I know what you are looking for.

To get as close as possible, I have changed the filters layout to “block” and also disabled the switch for now so the users can’t make it disappear. You can of course turn that back on, these are the options I have changed for the settings: https://i.imgur.com/qJ07XJQ.png

For the results I have simply changed the layout from a hovering style to a block style here: https://i.imgur.com/v4h0NbJ.png

This results in a layout like this: https://i.imgur.com/TtXF9Zw.png
Both settings and results are visible, and re-opening the pop-up will not dismiss them.

[ajaypunatar_5dlK]

Sorry, this is the screenshot that was supposed to be attached.

[Ernest Marcinko]

I have made a couple of changes to the settings (please read previous reply), it should stay opened in a block position with the results now: https://imgur.com/TtXF9Zw

[ajaypunatar_5dlK]

IS there no way of positioning it to the side like in my screenshot so that it doesn’t interfere with the search bar position?

[Ernest Marcinko]

Well, you could try a special custom shortcode instead of the current one, something like this:
[wd_asp elements='search,settings,results' ratio='60%,40%,100%' id=1]

[ajaypunatar_5dlK]

One more thing is that when none of the filters are selected, the search still returns results?
People will be expecting that with nothing selected, no results are returned.

is it a bug or coded in this way or is there an option I can turn on or off to make it work like that?

[Ernest Marcinko]

It is the default behavior, it can be adjusted that here: https://i.imgur.com/TiLO49a.png

[ajaypunatar_5dlK]

I have that turned off like you have in the screenshot, so it should be showing nothing when no checkboxes are selected, but it’s still showing everything.

[Ernest Marcinko]

Indeed, this might be a yet unknown bug, I have noted it for more investigation.

Until then, I have enabled a requirement on the filter, so no search can be initiated unless a checkbox is checked in the post types: https://i.imgur.com/gxRzNOg.png
That will prevent the issue from happening.

[ajaypunatar_5dlK]

Thank you!

[Author]

Posts