How to replace Categories.tpl links with image buttons?
 

Hi, :)

I want to replace the text links as created by categories.tpl file with the respective buttons. How should i do that? see http://www.templatearena.com/xcart/customer

best regards

Do it the same way as you would with normal html and work the smarty bits around it.

ie.

{* $Id: categories.tpl,v 1.16 2002/10/21 07:06:43 zorg Exp $ *}
<TABLE border=0 cellPadding=5 cellSpacing=0 width=100%>
<TR>
<TD class=VertMenuTitle height=26 width=26 valign=center>[img]{$ImagesDir}/dingbats_categorie.gif[/img]</TD>
<TD class=VertMenuTitle height=26 valign=center width="80%"><FONT class=VertMenuTitle>{$lng.lbl_categories}</FONT></TD>
</TR>
<tr><td colspan=2 nowrap>
{if $config.General.root_categories eq "Y"}
{section name=cat_num loop=$categories}
<font class=CategoriesList>[img]./yourimages/yourimage{ $categories[cat_num].categoryid }.gif[/img]</font>

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

{/section}
{/if}
</td></tr>
</TABLE>

Where each image here is called yourimage{category number}.gif

RE:How to replace Categories.tpl links with image buttons?
 

I think i am getting you but not clearly. Heres what happening is that the button i just created for test i.e. buttonall.gif is being replaced by name buttonall251.gif..... when viewed finally and thus is not displaying.

This is what i have done :

[img]{$ImagesDir}/buttonall{ $categories[cat_num].categoryid }.gif[/img]

Is it correct?? If not then please tell me how to move?

thanks

RE:How to replace Categories.tpl links with image buttons?
 

I think i am getting you but not clearly. Heres what happening is that the button i just created for test i.e. buttonall.gif is being replaced by name buttonall251.gif..... when viewed finally and thus is not displaying.

Check: http://www.templatearena.com/xcart/customer

This is what i have done :

[img]{$ImagesDir}/buttonall{ $categories[cat_num].categoryid }.gif[/img]

Is it correct?? If not then please tell me how to move?

thanks

And all you need to do is create an image for each category named (in your example) buttonall251.gif if the category id is 251