Since each menu uses the same style, we will need to create seperate styles for each menu. Let's use the Categories menu as an example:
1. In your skin1.css file, create a duplicate for each of the menu styles. Vertmenubox-categories for example. Set the background by adding this to the style:
Code:
background-image: url(images/yourimage.jpg);
2. Click on edit templates, and scroll down to where it says new file. Create a new file called menu-categories.tpl. Copy the contents of the menu.tpl file into this file. Change the style names to correspond to the new style names you just created.
3. In customer/categories.tpl, scroll down to the bottom of the screen and replace this:
Code:
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }
with this:
Code:
{include file="menu-categories.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }
You will need to repeat this process for each of the menus you want to change. Have fun!