Recent searches
No recent searches
Show Section's Description under the Section Name
Answered
Most Engaged Newbie of the Year - 2021
Posted Sep 15, 2021
Hello,
I would like to display the description of a section just under the name of the section when on the section list page (as it is by default for Categorie).
How to achieve this ?
Thank you
0
8
8 comments
Ifra Saqlain
Please go through this article: https://support.zendesk.com/hc/en-us/community/posts/360033242814-Guide-customization-tip-Show-Category-description-on-hover-of-Category-block?page=1#community_comment_4407350507546
0
Oxana
Ifra Saqlain the article you've linked doesn't exist anymore and I was hoping it might help me. I'm looking to use the {{section.description}} in the category_page.hbs, but I get an error it can't be accessed. Do you know how I can use it there?
0
Ifra Saqlain
Hi Oxana, as you can see this query has Answered tag so this has been solved in 15 Sep 2021. Maybe some changes have happened so this document is no longer available here
You need to add {{description}} just after the {{name}} under {{#each sections}} on the category_page.hbs file.
Screenshot for the same:
Result: Section name is 'Announcement', description is showing.
Try this and let me know if it works :)
Thank You
1
Oxana
Thanks! It works :)
0
James Skene
Hi Ifra Saqlain is it possible to hide the Category description initially then only show on hover? I would want something like the below
Then on hover:
Thanks
James
0
Brandon (729)
Hi James,
You might be able to accomplish this with a bit of JavaScript:
https://stackoverflow.com/questions/18032220/how-to-change-source-of-img-tag-on-hover
Brandon
0
James Skene
Thanks @Brandon how would I then get to the description to appear? Currently the image does get removed so we are good there but if I set the description to hidden, I can't seem to get it to then appear on hover. Coding is not my strong point!
Thanks
James
0
Brandon (729)
As a hack, I would recommend embedding the text into the image. That would circumvent the need for extra code.
0