Skip Navigation

[Resolved] Create a multi-level filter view/layout

This support ticket is created 2 years, 7 months 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
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10: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/Kolkata (GMT+05:30)

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 2 years, 7 months ago.

Assisted by: Minesh.

Author
Posts
#2411921

Hello! I am working on a project for a local Community College. They've found a search and filter page on another College site that they like - and would like something similar. I've started -but struggling to piece it together.

Is there any documentation that you are following? Only the Toolset View & search tutorials at this point.

Is there a similar example that we can see? yes! hidden link
Click on one of the filters at the top - like 'program type' and you'll get another set of filter options and the grid below with items will also display pagination.

What is the link to your site? hidden link

#2412317

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

There is no native way to achieve this but it will be possible by adding some custom JS and CSS code to toggle the filters.

You can create view in two modes: block or classic

But if you want to make such customization I would say you should create a view in classic mode as the customization with classic mode will be more user friendly.

You can login to the sandbox site using the following auto-login link:
- hidden link

As a example, I've created the following page where I've added such functionality for "Gym Types" filter:
=> hidden link

Here is the view and how "Gym Type" filter is configured, also check the custom JS section where custom JS code is added:
- hidden link

You can take this as example and see how you can configure your view. Such thing can be possible with block view as well but might be hard to target the custom CSS and build grid.