Add User Likes To The 'Members List' And 'Profile'

[CrazyBoy]

Images



First go to admin > themes > layout template > members > member list
Search for the line '7' which is like this
<td class="posts">$[user.posts]</td>
Add a line under it directly and add this quick code
<td class="posts">$[user.likes]</td>
Now go to admin > themes > layout template > members or so from member list go to members 
And add under this line from the line 22
<th class="posts $[sortable_class.posts]">Posts</th>
This code
<th class="posts">Likes</th>

Also before you click save change in the layout template you can click preview changes first then click save change.
Here an example for the result is an example of the result.
Fixed Code (Retread ) .

---

Images


Go to admin > themes > layout template > User Profile > Summary 'Tab' and find this line from line 78 to 81 if default
<tr>
<td class="headings">Posts:</td>
      <td>$[user.posts]</td>
  </tr>
and add a line under it directly and add this code there

   <tr>
                           <td class="headings">Likes:</td>
                 <td>$[user.likes]</td>
    </tr>

Here an example for the result.

[Retread]

Jan 3, 2020 5:43:59 GMT -8 CrazyBoy said:

<th class="likes $[sortable_class.likes]">Likes</th>

The $[sortable_class.likes] variable does not exist. There's no real harm in using that as an additional class name, but it won't perform any function.

The sortable classes available on the Members layout template are:

$[sortable_class.group_and_rank]
$[sortable_class.last_online]
$[sortable_class.name]
$[sortable_class.posts]
$[sortable_class.registered_on]
$[sortable_class.username]

---

---

EDIT:

Also, this part will lead to unexpected consequences:

Jan 3, 2020 5:43:59 GMT -8 CrazyBoy said:

And now go to admin > themes > advanced styles & CSS > style sheet 
And add at the very bottom this code

.likes { font-weight: bold; width: 60px; font-size: 11px; }

The class name: likes is already in use for other purposes. For instance for the text above posts which says who liked the post. Your definition added to the bottom of the style sheet will overwrite the current definition.

You have a few choices which would be better.

- Use a different class name rather than likes

- Or save the step of creating a new definition at the end of the style sheet by using the posts class name for the two new elements you're adding to the layout templates. The column width and styling of the table headings and table cells for the likes can share the same definitions as the Posts column.

For instance:
<td class="posts">$[user.likes]</td>
and
<th class="posts">Likes</th>

[CrazyBoy]

Jan 3, 2020 13:28:01 GMT -8 Retread said:

Jan 3, 2020 5:43:59 GMT -8 CrazyBoy said:

<th class="likes $[sortable_class.likes]">Likes</th>

The $[sortable_class.likes] variable does not exist. There's no real harm in using that as an additional class name, but it won't perform any function.

The sortable classes available on the Members layout template are:

$[sortable_class.group_and_rank]
$[sortable_class.last_online]
$[sortable_class.name]
$[sortable_class.posts]
$[sortable_class.registered_on]
$[sortable_class.username]

---

---

EDIT:

Also, this part will lead to unexpected consequences:

Jan 3, 2020 5:43:59 GMT -8 CrazyBoy said:

And now go to admin > themes > advanced styles & CSS > style sheet 
And add at the very bottom this code

The class name: likes is already in use for other purposes. For instance for the text above posts which says who liked the post. Your definition added to the bottom of the style sheet will overwrite the current definition.

You have a few choices which would be better.

- Use a different class name rather than likes

- Or save the step of creating a new definition at the end of the style sheet by using the posts class name for the two new elements you're adding to the layout templates. The column width and styling of the table headings and table cells for the likes can share the same definitions as the Posts column.

For instance:
<td class="posts">$[user.likes]</td>
and
<th class="posts">Likes</th>

Thank's for letting me know Retread so the same with posts could be likes right ? 
So change the likes class and change it with posts and no CSS is needed then ?

[Retread]

Yes.