[tarty00]

I have pulled all the information I could find on these forums and have come up with this quick little tutorial for anyone else having trouble replacing the Vertical Menu Titles with images.


How to replace the Vertical Menu Titles with Images

1: Change all of the coding in skin1/menu.tpl to the following & save:

<table cellspacing="1" width="100%" class="VertMenuBorder">
<tr>
<td class="VertMenuTitle">
<table cellspacing="0" cellpadding="0" width="100%"><tr>
{if $images_src ne ""}
<td>{if $link_href}<a href="{$link_href}">{/if}<img src="{$ImagesDir}/{$images_src}"  alt="{$menu_title|escape}" />{if $link_href}</a>{/if}</td>
{else}
<td>{$link_begin}<img src="{$ImagesDir}/{if $dingbats ne ''}{$dingbats}{else}spacer.gif{/if}" class="VertMenuTitleIcon" alt="{$menu_title|escape}" />{$link_end}</td>
<td width="100%">{if $link_href}<a href="{$link_href}">{/if}<font class="VertMenuTitle">{$menu_title}</font>{if $link_href}</a>{/if}</td>
{/if}
</tr></table>
</td>
</tr>
<tr> 
<td class="VertMenuBox">
<table cellpadding="{$cellpadding|default:"5"}" cellspacing="0" width="100%">
<tr><td>{$menu_content}<br /></td></tr>
</table>
</td></tr>
</table> 

2. Upload all images into the skin1/images directory.

3. In your skin1/customer/categories.tpl file find the following code:

{ include file="menu.tpl"  dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}

And replace it with:

{ include file="menu.tpl" images_src="categories.gif" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}

All your doing is adding images_src="YOUR-IMAGE.gif" to each of the .tpl files but of course naming them in their corresponding names.


Now the .tpl files I edited are as follows and most of yours will be the same but you may have a couple more in there that I don't currently have on my store but all I did was open it in webmaster mode and found out which files to change in the debugging pop up thing that comes up.

customer/categories.tpl (Categories)
customer/special.tpl (Other)
customer/menu_cart.tpl (Your Cart)
modules/manufactures/menu_manufactures.tpl (Designers)
help.tpl (Help)
auth.tpl (Login)
authbox.tpl (Logged In)

Hope this helps someone else out