Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Add to Cart CSS Image Rollovers

Add to Cart CSS Image Rollovers

Views: 1,075

Results 1 to 4 of 4
21 Nov 2008, 6:58 AM
#1
christianday avatar

christianday

New Zenner

Join Date:
Nov 2008
Posts:
19
Plugin Contributions:
0

Add to Cart CSS Image Rollovers

I'm hoping this hasn't already been addressed, though I have been searching the forums to find out. :wacko:

I am in tpl_product_info_display and I'm trying to find where the add to cart button code is defined. I am wanting to style the button so I can use my own graphic button that has three states contained within one image. Using CSS, you can set the background image of a tag and then move the image so that the over and active states are visible. Apple.com uses this extensively. However, I can't find where the code of the Add to Cart button is defined. Anyone know?

Thanks! :)

Christian

21 Nov 2008, 7:35 AM
#2
christianday avatar

christianday

New Zenner

Join Date:
Nov 2008
Posts:
19
Plugin Contributions:
0

Re: Add to Cart CSS Image Rollovers

As an addendum to my post, I found definitions for form submit buttons with images under zen_image_submit in includes/functions/html_output.php but there's another function called by tpl_product_info_display.php to zen_get_buy_now_button in includes/functions/functions_general.php that seems to have no effect because when I took it out and just displayed the button sent back from zen_image_submit, there was no change. A bit confused on that one. Probably beyond my tinkering-level knowledge but hoping to get my css image rollovers for submit buttons. If I can standardize in some way, even better.

21 Nov 2008, 8:14 AM
#3
christianday avatar

christianday

New Zenner

Join Date:
Nov 2008
Posts:
19
Plugin Contributions:
0

Re: Add to Cart CSS Image Rollovers

Just in case anyone else is interested in my hack solution, I put class="submitButton" into the <input type="image"> component of zen_image_submit within includes/functions/html_output. I'm disappointed that I couldn't do a template override within the functions folder. Though, I guess it's not really a template. Still, it would be nice to be able to have more control over these submit buttons. :)

24 Feb 2011, 2:52 PM
#4
athena avatar

athena

Totally Zenned

Join Date:
Jan 2006
Location:
NM
Posts:
740
Plugin Contributions:
0

Re: Add to Cart CSS Image Rollovers

this was very helpful..thanks