Really like this mod! Adjusted a few things to get it to work with my site. Here's a little variation on the theme:
Left this:
/includes/categories.php as in post #1.
In /skin1/customer/main/
subcategories.tpl, used a little bit like this:
{if $subcategories}
{assign var="cntr" value="0"}
<table cellspacing="5" width="100%" border="0">
<tr align="right">
{foreach from=$subcategories item=subcat}
{if $cntr is div by 2}
<td colspan="3" align="right"></td></tr><tr>
{/if}
{if $first_subcat ne "Y"}
{assign var="first_subcat" value="Y"}
{/if}
<td align="right"><a title="{$subcat.category|escape}" href="home.php?cat={$subcat.categoryid}"><img src="{if $subcat.icon_url}{$subcat.icon_url}{else}{$xcart_w eb_dir}/self-defense-weapons.jpg{/if}" alt="{$subcat.category|escape}" /></a></td>
<td align="right" class="ColumnTitles"><a title="{$subcat.category|escape}" href="home.php?cat={$subcat.categoryid}">
<font class="ItemsList">{$subcat.category|escape}</font></a></td>
{if $config.Appearance.count_products eq "Y"}
{if $subcat.product_count}{$subcat.product_count}{$lng .lbl_products}
{elseif $subcat.subcategory_count}{$subcat.subcategory_cou nt}{$lng.lbl_categories|lower}
{else} 0 Products
{/if}
{/if}
{assign var="cntr" value=$cntr+1}
{/foreach}
</tr>
</table>
{/if}
This validates as xhtml/transitional and displays a category image that has been uniformly set to 105px on the long side. Then puts the text link for the subcategory name to the right of the image. It uses title tags with the two hrefs and an alt tag for the image. These are all subcategory names. Keyword bliss.
In skin1/
skin1.css, a few changes:
.ColumnTitles {
padding-top: 12px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
text-align: left;
margin: 0px;
width: 33%;
}
It works for me, may play with some spacing and alignment a little more, see it here:
http://www.misdefenseproducts.com/Home-Security-Decoys-p-1-c-272.html