"Add to cart" button image rollover ?

[simonwar]

Does the Add to Cart image button have a rollover ?

I have modified Design > Options > Shop Defaults to use an image instead of the default form button. However there is no rollover option as far as I can see?

S?

[I-CC]

Hi,

This is not a standard feature of the software, but is covered within the Advanced User Guide which you can download from the download section of the Actinic website, but here is what is in it for the rollover on add to cart button you need:

Creating a Rollover for your Add to Cart Button
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>

[NormanRouxel]

I'm not sure but I think the fragments

src=

should be

this.src=

[simonwar]

Excellent ...

Thanks all.

To clarify the src worked as presented originally

ONMOUSEOVER="src='addtocart2.gif' "

And now for my next problem...... S.

[simonwar]

Actually I am wrong, this does not work on the live site.
The button works but the rollover image "OnMouseOver" doesn't ?

I have tried all options, Norman's as well, and couldnt get it to work.

I tinkered and got this to work in Dreamweaver

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

this gives me

<P align="right"><INPUT TYPE="IMAGE"
NAME="20"
SRC="addtocart2.gif"
HEIGHT="24"
WIDTH="80"
ONMOUSEOVER= src="addtocart2up.gif"
ONMOUSEOUT= src="addtocart2.gif"
ALT="Add To Cart" > </P>

Which works fine when I test in DWeaver, but as I said not so good on the live site?

See for yourself.... http://www.esafetysigns.co.uk/acatalog/eye_01.html

Any ideas ?

Thanks, S.

[jont]

have you added the new images to the "additional files" list so they are uploaded to the server?

[simonwar]

Yes they are there and they are in Site1, but after checking to see if they were on the host site, they weren't?

I have manually FTP'd the files, the problem has gone away.

The "Additional Files" thing is a bit flaky?

Am I doing something wrong?