How do I create a rollover (mouseover) image for my add to cart button?

[KB]

v7 and earlier

Assuming your two images for the rollover are called 'addtocart.gif' and 'addtocart2.gif', then you would create the rollover in the following way:

In 'Design | Options | Shop Defaults', specify 'addtocart.gif' as the image for your add to cart button.

Then edit 'Act_CartButtonImage.html' and replace the contents there with the following:

<P align="right">
<INPUT TYPE="IMAGE"
NAME="NETQUOTEVAR:BUTTONNAME"
SRC="NETQUOTEVAR:BUTTONIMG"
HEIGHT="NETQUOTEVAR:IMAGEHEIGHT"
WIDTH="NETQUOTEVAR:IMAGEWIDTH"
ONMOUSEOVER="src='addtocart2.gif' "
ONMOUSEOUT="src='NETQUOTEVAR:BUTTONIMG' "
ALT="NETQUOTEVAR:BUTTONLABEL"
>
</P>