XenForo [JoyFreak] Thread view/reply count

[JoyFreak]

Live example: Gaming Forums

Description
This guide will run you through on how to display the number of views and replies in the thread description.

Guide

1. Go to Admin CP > Appearance > Templates > Search: thread_view

Find:

<a href="{{ link('threads', $thread) }}" class="u-concealed"><xf:date time="{$thread.post_date}" /></a>
        </li>

Add below (choose one from below):

Full number, without comma:

<li title="Replies">
            <i class="fa--xf far fa-reply" aria-hidden="true" title="Replies"></i>
            <span class="u-srOnly">{{ phrase('replies') }}</span>
            {$thread.reply_count}
        </li>

        <li title="Views">
            <i class="fa--xf far fa-eye" aria-hidden="true" title="Views"></i>
            <span class="u-srOnly">{{ phrase('views') }}</span>
            {$thread.view_count}
        </li>

Full number, with comma:

<li title="Replies">
            <i class="fa--xf far fa-reply" aria-hidden="true" title="Replies"></i>
            <span class="u-srOnly">{{ phrase('replies') }}</span>
            {$thread.reply_count|number}
        </li>

        <li title="Views">
            <i class="fa--xf far fa-eye" aria-hidden="true" title="Views"></i>
            <span class="u-srOnly">{{ phrase('views') }}</span>
            {$thread.view_count|number}
        </li>

Short number:

<li title="Replies">
            <i class="fa--xf far fa-reply" aria-hidden="true" title="Replies"></i>
            <span class="u-srOnly">{{ phrase('replies') }}</span>
            {$thread.reply_count|number_short}
        </li>

        <li title="Views">
            <i class="fa--xf far fa-eye" aria-hidden="true" title="Views"></i>
            <span class="u-srOnly">{{ phrase('views') }}</span>
            {$thread.view_count|number_short}
        </li>

Screenshot
Full number, without comma

Full number, with comma


Live example: Gaming Forums

 

[Nicolas]

Great resource, I'll probably implement it.
But I would use XF syntax for FA icons instead. This allows them to automatically follow the weight directive defined in the XF style properties.

<xf:fa icon="fa-reply" aria-hidden="true" title="Replies" />

instead of...

<i class="fa--xf far fa-reply" aria-hidden="true" title="Replies"></i>