XF 1.5 How to make the Node Icon picture a link



I'm trying to figure out how to do this on my own, but not quite sure where to put this.

clickable area.png
I know this makes an image a clickable link.
<a href="www.mywebsite.com/next.html"><img src="next.png"></a>

Is there a way to set this up so that it applies it to all the nodes, or do I have to add it one by one? Not sure what to google to figure this out, but I just want the node icons clickable into their respective threads.

I have spoken to dohthemes, and they can do it for a fee (cheap) but I wanted to see if this was something I could learn how to do.


Last edited:


Well-known member
I do not know their theme templates, if they use a custom one or have modified xenforo's ones, etc.
But on a default xenforo, you can find the template that builds the node list, find the bit of code that puts the icon in there. Wrap it around the <a> tags, and use the same href= part that the title of the node uses.

In default xenforo it's probably the nodeIcon class in the node_forum_level_2 template.

<span class="nodeIcon" title="{xen:if $forum.hasNew, '{xen:phrase unread_messages}', ''}"></span>
You want to change the <span..> for nodeIcon with the title's code like:
<a href="{xen:link forums, $forum}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$forum.node_id}'}">{$forum.title}</a> ..

So you get this:

<a href="{xen:link forums, $forum}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$forum.node_id}'}"><span class="nodeIcon" title="{xen:if $forum.hasNew, '{xen:phrase unread_messages}', ''}"></span></a>
Note, this is kinda untested, just a suggestion to help you look in the right direction.
Last edited: