Problem: I would like to recreate the "Advanced Search" filter toggle system from the Real Estate reference site on my own site, but it doesn't seem to be working. I've copied the markup and JavaScript from the reference site into my own site, but the advanced filters are not hidden when the page loads and the toggle button to show/hide filters does not work.
Solution: Three more components are necessary:
1. The Real Estate site uses the Bootstrap library to show and hide elements, so you should update your Toolset settings in Toolset > Settings > General tab to use Bootstrap
2. The CSS from Layouts CSS and JS on the Real Estate site does not seem to be present in your site, please check those styles and apply them as needed in your site's Layouts CSS editor.
3. There is a wrapper div around the filters on the Real Estate site with the CSS class "filter-list". That seems to be needed for the styles in the Layouts CSS editor to be applied correctly. Please add this wrapper element in your staging site.
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 |
---|---|---|---|---|---|---|
8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 4 replies, has 2 voices.
Last updated by 4 years, 6 months ago.
Assisted by: Christian Cox.