Personalize sub-forums display

by **APE** 18/09/23, 01:15 am

Personalize sub-forums display

This tutorial will allow you to customize the display of sub-forums on the index of your forum.

Template modification

Administration Panel Display Templates General

Regardless of your forum version, look for the following variables in your Index_box template :
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

And replace them with :

Code:: <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Remember to save and publish your template. :add:

Creation of JavaScript

Administration Panel Modules HTML & JAVASCRIPT JavaScript codes management

Make sure javascript code management is enabled, and create a new script.

Title : what ever you like
Placement : In the home page
Add the following Code

Code:: $(function() { var sep = '/', max_by_line = 3; $('.s_forum').each(function() { var nth = 0; $('a.gensmall', this).each(function(){ var next = this.nextSibling; if (next && next.nodeType == 3 && next.nodeValue == ", ") { if (++nth % max_by_line) $(next).replaceWith(sep); else $(next).replaceWith('<br>'); } }); }); });

You can customize the code by editing the following variables :

Right now max_by_line is set to 3, so this is what it will look like :
Personalize sub-forums display Captur30

To modify the code look for this part of the JavaScript :

Code:: var sep = '/', max_by_line = 3;

Changing max_by_line from 3 to 2 will display the sub-links as :
Personalize sub-forums display Captur31

And changing it to 1 will display them as :
Personalize sub-forums display Untitl13

Changing the / in sep to something like > will change the separator like below.
Personalize sub-forums display Captur32

Now it's your turn Wink

A chat World Official Tutorial

This tutorial was written by SeLfde4Th7 From the French Support forum.
Translated By APE