Shopping Cart Software Add To Cart Rollover Effect Hover

Question:

Is there a to add a rollover effect to my "Add to Cart" buttons?

Response:

Yes. There may be more than one way to achieve that effect. Both the anchors and images have a css class that can be used for advanced image manipulation. Following is an example using a sliding technique (this code would go in the Style Sheet Addendum in Layout/Edit Advanced Layout):

/* button rollovers */
a.nextAddToCartAnchor {
display:block;
width:126px;
height:32px;
background: url(https://www.nexternal.com/ecommerce/images/atc.gif) 0 0 no-repeat;
}
a.nextAddToCartAnchor img {
display:none;
}
a.nextAddToCartAnchor:hover {
background-position:0 -32px;
}

Nexternal eCommerce Platform Knowledge Base

Shopping Cart Software Add To Cart Rollover Effect Hover

Question:

Response: