how do I change navigation from text to images?

[Guest]

how do I change navigation from text to images?

I want to have images as navigation buttons.

Anyhelp with this?

[Guest estelle]

When you say "navigation", do you mean the text buttons such as "Add to Basket", "View Basket", etc...?

You'll have to go through all the skin template files and change each text button to each of your images. And you will also want to change a couple of the styles.

I think if you search for "txtButton" this will help you find most of them.

E.g. in styleTemplates/content/viewProd.tpl you would need to change this:

<a href="javascript:document.addtobasket.submit();" class="txtButton">{BTN_ADDBASKET}</a>

To something like this (put your image in your styleImages folder and change IMAGENAME to the appropriate filename) :

<a href="javascript:document.addtobasket.submit();" class="txtButton"><img src="skins/{VAL_SKIN}/styleImages/IMAGENAME"></a>