Skip Navigation

[Resolved] Using isotope with select groups

This support ticket is created 8 years, 5 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
- 9:00 – 18:00 9:00 – 18:00 9:00 – 18:00 9:00 – 18:00 9:00 – 18:00 -
- - - - - - -

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: 

This topic contains 4 replies, has 2 voices.

Last updated by Alan 8 years, 5 months ago.

Assisted by: Waqas.

Author
Posts
#346987

I have a test page where you can see three independent filters working together using isotope to filter some test posts.
Working example with buttons: hidden link

I managed to get the above working by following examples at hidden link

I want to re-create this with select lists instead of the rows of buttons, but it's not working.
When you select any option from one of the drop down lists, everything disappears
Broken page with select lists: hidden link

I've tinkered with the JS for several hours and cannot figure it out. I'd be very grateful for some assistance.
Many thanks
Alan

#347088

Waqas
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Please find a complete working example at hidden link

#347221

Hi Waqas,

Thanks, I followed that and it will work fine if you just have ONE select group.
I got it working here: hidden link

BUT - In my test example I have 3 select groups, and I need it to behave as though there were an AND condition between all three select groups.

My other example, with the buttons, does work correctly to take into account the choices within all 3 sets of buttons. (Button version: hidden link )
I just need to figure out how to do the same with the drop down lists instead of the buttons!

I've followed all of the examples and some code you provided to someone else in another thread. This was very helpful in getting the buttons version to work, but for some reason I cannot achieve the same thing with the drop down lists and it would be amazing if you're able to help me solve this.

Many thanks
alan

#347462

Waqas
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

I suggest contacting our Certified Partners at https://toolset.com/consultant/ for such a customised solution. They can work closely to help you achieve these requirements.

#348797

I've now sorted this. I noticed that the StudioPress site uses this same functionality on their page where you can choose their themes.
I looked at their JS, and was able to get it working.
Thanks.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.