customize thumbnail grid category filter
-
Hey!
I'm working on a website and would like to add a specific feature:When clicking a category filter: a short description text of the category should appear between the filter list and the thumbnail grid.
This is how the website looks so far:
http://build.ribl.org/Would be happy to get some advice on how to approach this task with custom code...
thank you very much!
-
bind click events to the filters
https://laytheme.com/documentation/custom-javascript.html#binding-click-eventsread out the data-slug attributes:
https://api.jquery.com/attr/jQuery("…").attr("data-slug")
insert a div element into the dom at the right location containing some text. the text depends on the data-slug value
https://api.jquery.com/insertafter/you will probably also have to check if that div element exists already and then just replace its content:
https://api.jquery.com/html/and then style this with css
good luck, it will be a little hard to do if you haven't written javascript before
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login