Announcement

Collapse
No announcement yet.

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

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    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>
Working...
X