To clarify, I DO want the search bar on the results page, but I DON’T want the hover to show when I select filter settings. I only want the hover to display when someone types directly into the search input box.
I do want the results list to update as someone modifies the filters via the settings. (see above screenshots)
I have activated the live search feature, and played with a number of different DIV ID’s to get the page to update, but none are behaving as expected.
If I choose any div (by ID) that includes the top search input form e.g. #page-container or #main-content (I’m using Divi)
>> reloads page, search results don’t change, resets filters back to their initial values
and if choose a div that contains the results list, but not the search input box, but includes the search filters block
>> reloads section, search results don’t change, filter settings disappear
and if choose a div that contains the results list, but not the search input box or the search filters block
>> reloads section, search results don’t change, filter settings remain intact (this one seems to work the closest to what I want, except for the whole “search results not updating” part)
In all cases, the search results don’t change and filters don’t appear to apply.
On my main search page I have inserted:
[wpdreams_ajaxsearchpro id=1]
and hidden the filter settings block with CSS.
On my search results page I have used both:
[wpdreams_ajaxsearchpro id=1]
AND
[wpdreams_asp_settings id=1]
in two separate locations, so the filters associated with the search input are hidden, and the filters display separately, just above my results list.
Is there a way to achieve the desired behavior using one search form? I’m happy to record a screencast if the behaviour I’m trying to achieve is still not 100% clear.
-
This reply was modified 3 years, 6 months ago by
. Reason: Adding clarification of instance without filters block
-
This reply was modified 3 years, 6 months ago by