Skip Navigation

[Resolved] Search and filter page

This support ticket is created 5 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 5 years ago.

Assisted by: Luo Yang.

Author
Posts
#1645449

Tell us what you are trying to do?
I am trying to make a search and filter page similar to the one found in the link below. I have the search part figured out, but I want users to be able to click on a filter and have the results update without having to click the search button.
Is there any documentation that you are following?

Is there a similar example that we can see?
hidden link
What is the link to your site?
hidden link

#1645841

Hello,

I have checked the URL you mentioned above:
hidden link
There are two filters in above URL:
1) "Search here" input box
This is possible with Toolset custom search form, you can follow our document to setup the search box:
https://toolset.com/documentation/getting-started-with-toolset/filter-content-lists-and-add-custom-search/
See screenshot:
https://toolset.com/wp-content/uploads/2019/11/views-adding-a-custom-search-field.png
There is an option "Text search(title and content)"

2) Links: All, Bread, Breakfasts...
It is using custom JavaScript + HTML codes, there isn't same feature within Toolset. You try with below Isotope Filtering, see their demo:
hidden link

In Toolset Blocks plugin, you can setup the custom search form without submit button, when user change an input of search form, submit the form with AJAX automatically, see our document:
https://toolset.com/documentation/user-guides/views/front-page-filters/#2-1-custom-search-settings
section "Custom search settings", option:
AJAX results update when visitors change any filter values

But there isn't the same JS effect.