Passer la navigation

[Résolu] Create a multi-level filter view/layout

This support ticket is created Il y a 3 years, 11 months. 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 -

Fuseau horaire du supporter : Asia/Kolkata (GMT+05:30)

Ce sujet contient 1 reply, a 2 voix.

Dernière mise à jour par Minesh Il y a 3 years, 11 months.

Assisté par: Minesh.

Auteur
Publications
#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! lien caché
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? lien caché

#2412317

Minesh
Supporter

Les langues: Anglais (English )

Fuseau horaire: 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:
- lien caché

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

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

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.