Skip Navigation

[Resolved] Change the search filter from a list to individual buttons – 1 per taxonomy

This support ticket is created 3 years, 9 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
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 6 replies, has 3 voices.

Last updated by kateT-2 3 years, 9 months ago.

Assisted by: Christian Cox.

Author
Posts
#1953895

Tell us what you are trying to do? I'm trying to format the search filter so that rather than seeing a list of taxonomies you get a button for each type and if you click the button it filters the list.

Is there any documentation that you are following? All the documentation I'm seeing relates to using the Views plug-in when I'm on the Blocks plug-in.

Is there a similar example that we can see? No

What is the link to your site? hidden link

#1954083

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Can I clarify what you are aiming for?

You have a View with a taxonomy filter.

Such a filter can be displayed with the terms in a dropdown, or as checkboxes.

What you want is to be able to instead display the terms as pill-box buttons or similar instead, yes?

If that's the case, we are working on adding such an option out of the box, but it won't be ready for a while.

In the meantime, you would implement something like this using the checkboxes format, and then custom CSS to hide the checkboxes and style the labels like buttons.

If that is what you want to do we can help, but please confirm.

#1954113

Yes - that is what I'm trying to do and it sounds like your idea would work. Could you give me some help on that one?

Thank you.

#1954469

Hello, yes I can help if you provide a link where I can see the checkboxes filters. Right now when I visit this page, I see a blank screen: hidden link

Is the View with checkboxes available online somewhere so I can review the implementation?

#1954537
Screen Shot 2021-02-17 at 11.51.40 AM.png

I'm attaching a screenshot here showing what I see. Instead of checkboxes, I see red rectangles for each filter option. When I click one of those red rectangles, the results update based on the filter I click, and the red rectangle becomes black to indicate a selected filter. Can you explain what you want to change here? I'm not clear what you want to achieve, and how that is different from what I see on the site.

#1954557

Ah sorry - the email said you weren't available the rest of the day so I started playing with it! So I've got it sussed for hiding the checkbox and using the label to select. The bit I can't seem to do is get them to appear in a line rather than a list.

#1954603

Using the checkboxes and then styling the checkboxes to be hidden and the label as 'buttons' worked perfectly.