My SellerDeck Account | Newsletter | Free Trial

Community and Knowledge Base

Go Back   Sellerdeck Community > Knowledge Base > Tips and Tricks for Templates (v7 and Lower)

Search powered by Google
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Search this Thread Rating: Thread Rating: 2 votes, 5.00 average. Display Modes
  #1  
Old 22-Nov-2009, 02:05 PM
KB KB is offline
Administrator
Join Date: Nov 2009
Posts: 1,012
Thanks: 0
Thanked 34 Times in 29 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>
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off



All times are GMT. The time now is 09:20 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.