Alright Directory owners, after a long time I am writing some tutorial for directory owners and It feels great. For those who are wondering what a category Icon mod is, It is a mod that allows the user to display unique icons next to main categories on the homepage. A display of that can be seen at my template called Areebu Theme. This is available for Download in my freebies section.
Let me begin with where I got the Idea to work on this mod. There was a thread started on Digitalpoint forum by a member asking for the category icon mod. Shabu, aka Vegabond on the forum replied with a link to phpLD Forum thread which contains the codes.
Now all I did was use the smarty tags to show the images for only the homepage categories and show a default icon for the rest of the subcategories. To do this method you will have to get the category ID for all your main categories. You can find it by simply logging into your Directory Admin Panel, and than going to the categories section.
Simply look for the categories that have Top tag for their parent id, and bring your mouse over. Look in your status bar, and it will show the Cat ID.

Now download any .png Icon at the size you desire but make sure that all of those have same size. I prefer 48 x 48 px, and also for your sub categories in inner pages pick an icon with the dimensions of 16×16 px and name icon.png
Say you have 16 top categories, so get 16 icons and name them each according to their category.
So for example the icon for Art’s name will be 1.png
Upload them to your template’s image folder. Then open main.tpl
Locate:
<a href="{$smarty.const.DOC_ROOT}/{$cat.CACHE_URL|escape}" title="{$cat.TITLE|escape}">{$cat.TITLE|escape}</a>{if $smarty.const.CATS_COUNT} <span class="count">({$cat.COUNT})</span>{/if}
Replace it with:
{if $category.ID eq 0}<img src="{$smarty.const.FULL_TEMPLATE_PATH}/images/{$cat.ID}.png" border="0" alt="{$cat.TITLE}" align="left" style="margin-right: 10px; margin-top: 5px; margin-bottom: 5px;" />
{else}
<img src="{$smarty.const.FULL_TEMPLATE_PATH}/images/icon.png" border="0" alt="" style="margin-right: 2px;" />{/if}<a href="{$smarty.const.DOC_ROOT}/{$cat.CACHE_URL|escape}" title="{$cat.TITLE|escape}">{$cat.TITLE|escape}</a>{if $smarty.const.CATS_COUNT} <span class="count">({$cat.COUNT})</span>{/if}
This code will add unique icons next to appropriate main categories, and add a default icon to all the subcategories in the inner page.
This mod does require some work, but It is worth it. If you are not willing to work and don’t want the hassle. Rob aka An0n have a better version of this mod because his version have a backend also, so all of the main.tpl stuff can easily be modified through admin panel. He also offers very good customer service support, so If you have the cash and no time, than I will definately recommend him.
I hope this helped alot of those who were eagerly wanting this mod.
Show me some support and digg this topic as well as add it in other social bookmarks.