X-Cart forums - Replacing catagory text with images?

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Replacing catagory text with images? (https://forum.x-cart.com/showthread.php?t=103)

Replacing catagory text with images?

the suggestion I was given was to add 1 line in customer/categories.tpl

<tr><td colspan="2" class="TableLeftElements" nowrap>
{if #RootCategories# eq "Y"}
{section name=cat_num loop=$categories}
Add this line>>>[img]../icon.php? categoryid={$categories[cat_num].categoryid}[/img]
<font class=CategoriesList><a href="home.php?cat={ $categories[cat_num].category
id }">{ $categories[cat_num].category|escape }</a></font>

{/section}
{else} {section name=cat_num loop=$subcategories}
------------------------------------------------------------------------
would this work?
where do I go from here? where do I add the images?

:arrow: http://forum.x-cart.com/viewtopic.php?t=54

Have a look at the topic above, should help you out. ;)

Code:

{* $Id: categories.tpl,v 1.11 2002/06/20 12:27:32 zorg Exp $ *}

<TABLE border=0 cellPadding=5 cellSpacing=0 width=100%>

<TR>

<TD height=26 width=26 class=MenuTitleLine>[img]../{ #ImagesDir# }/dingbats_categorie.gif[/img]</TD>

<TD height=26 valign=center width="80%"  class=MenuTitleLine><FONT class=TableLeftTitles>{$lng.lbl_categories}</FONT></TD>

</TR>

<tr><td colspan="2" class="TableLeftElements" nowrap>





<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=0><TR>

{section name=cat_num loop=$categories}

{if $smarty.section.cat_num.index is div by 3}

</TR><TR>

{/if}

<TD>[img]../icon.php?categoryid={$categories[cat_num].categoryid}[/img]</TD>

{/section}

</TR></TABLE>



<!-- OLD CODE IS COMMENTED OUT HERE

{if #RootCategories# eq "Y"}

{section name=cat_num loop=$categories}

<font class=CategoriesList>{ $categories[cat_num].category|escape }</font>




{/section}

{else} {section name=cat_num loop=$subcategories}

<font class=CategoriesList>{ $subcategories[cat_num].category|escape }</font>




{/section}

{/if}

-->

</td></tr>

</TABLE>