Customizing category title in side menu
 

I would like to change the category menu titles to images - ONLY in the side menu.
So "Products", "Help" etc would use a graphic instead of a font.
The current CSS definition is global and I need to define each one somewhere.
This is for cart version 4.0.18
Should I create new css definitions and then add html to the actual labels with specified IDs?
Or is there a better way to go about this?
Thanks
Connie

Re: Customizing category title in side menu
 

edit categories.tpl and change the stuff between the anchor (<a href="asdf">stuffbetweenanchor</a>) to <img src="images/{$categories[cat_num].category}.theimagefileextension" /> or <img src="images/{$subcategories[cat_num].category}.theimagefileextension" /> if you use subcategories

and place your images in the skin1/images directory as well as naming them exactly like their category names

Re: Customizing category title in side menu
 

Thank you for that information which I will keep handy- wasn't quite what I was looking for but highly useful!

I think I mis-titled my request. It is not the category title only that I want to customize, , but all TITLES in the main menu. (categories -which I named "shopping", help, specials, cart, etc) These are labels and the appearance controlled by the stylesheet.

I will attempt to insert an image of what I am trying to convey. .

I went to labels, and instead of setting the value to the word "categories", I tried to link to an image instead. Well it looked to be a start. I got the little box indicating no image was found- neither an absolute or relative link path worked AND discovered that it would affect other places (like in admin under the management section)

So how can I change those titles, for the customer side only? vertmenutitle is a global class used for all the menu titles now. Is it best to create new classes/IDs for each individual menu title? And where do you call them?

Re: Customizing category title in side menu
 

are you linking to the correct directory? the directory starts off at skin1...to change just the titles on the customer side wrap the img src in {if $usertype eq "C"}{/if}

Re: Customizing category title in side menu
 

Thank you! I am getting so much closer and appreciate your patience.

So, I have wrapped the link like so:
{if $usertype eq "C"} <IMG src="skin1/images/shopping.gif" width="117" height="44" border="0" alt="Go Shopping>{/if}

The image shows perfectly, but I know I haven't done this quite correctly because the if statement shows on the customer menu and the whole code shows in the admin menu. Obviously I didn't quite get it. Is there something else I should be doing?
Connie

Re: Customizing category title in side menu
 

OK finally figured it out- at least so far so good :-)


Connie