Skip Navigation

[Resolved] adding images to view filters

This thread is resolved. Here is a description of the problem and solution.

Problem:
I have a View with filters, What I would like to do is add a small image to each category filter, so that next to the checkbox for category filter, there would be a small icon to give a visual representation.

Solution:
This is not possible at moment using built-in Toolset options. But if you want to give it a try with custom solution then please note this requires a custom code or modifications which falls into Custom coding & custom development and it is out of support policy (https://toolset.com/toolset-support-policy/). So we recommend to contact Toolset recommended service providers to further discuss the custom approach. We have some recommended list of service providers here if you would like to take a look: https://toolset.com/contractors/

There are some hints added in this thread which can help in your case:
https://toolset.com/forums/topic/need-checkboxes-to-be-images-with-check-overlay/#post-484427

This support ticket is created 6 years, 1 month 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
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

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

This topic contains 5 replies, has 3 voices.

Last updated by johnB-37 6 years, 1 month ago.

Assisted by: Noman.

Author
Posts
#1116619

Hi there,
On this page is a view with filters.
hidden link

The first set of filters is for category (Agricultural, Business, software). What I would like to do is add a small image to each category, so that next to or above the checkbox for Agriculture, there would be a small icon to give a visual representation of Agriculture.
You'll see I tried with a dummy image that says Protect.

#1116620

I didn't see options in the support ticket to put in all my server and hosting information which is probably going to be the first thing the support tech asks for.

#1116961

There is a feature request here that if implemented could help you achieve this easily, using Term Fields, please upvote it:
https://toolset.com/feature-request/ > Display Term Meta as labels for Term Filters in Post Views

A colleague will take this ticket soon, maybe they have some quick solution for a custom approach to this, however usually it requires Custom JS at the least to manipulate Views Search inputs as you wish to do.
(You'd hide the native input and replace them with the images, basically)

Me personally, I'd suggest to upvote the request and use a custom approach for now, which however may sometimes require updates when Views Updates its plugin (as it may be using some classes or so that can change)

Please don't forget to upvote the request which is useful and will help you if implemented to Toolset!

#1119287

Thank you for the response Beda.
I went to vote for that feature request but sadly it has been rejected..

#1119299

Noman
Supporter

Languages: English (English )

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

Hello John,

Like Beda said that this is not possible using built in options. But if you want to give it a try with custom solution then please note this requires a custom code or modifications which falls into Custom coding & custom development and it is out of support policy (https://toolset.com/toolset-support-policy/). So we recommend to contact Toolset recommended service providers to further discuss the custom approach. We have some recommended list of service providers here if you would like to take a look: https://toolset.com/contractors/

There are some hints added in this thread which can help in your case:
https://toolset.com/forums/topic/need-checkboxes-to-be-images-with-check-overlay/#post-484427

Thank you

#1122901

My issue is resolved now. Thank you!