rollover submit buttons

[airscopes]

First, I do not understand why buttons were made with images in Zen Cart if they were not meant to be replaced easily. i also don't know why they were not set up as rollovers. if they are, the idea of replacing them is set up in such a convoluted fashion that it is impossible to accomplish. it might have been easier if there was a style attached to the input...but there is not.

So... I see the buttons do not roll over in the original, and it is obviously not easy to make them roll over after the fact...

HOW DO I DO IT??

[stevesh]

Seems to me they are easily replaced, since they are all in one folder and named fairly intuitively.

Searching the Free Software Add Ons for rollover reveals a mod that purports to add rollover images using Javascript. It's pretty old, so I would install it on a test site first.

The easy way to create a rollover effect with Zencart buttons is to use css instead of images and style the hover part of the rule.

[mbfergie]

I have a mod that does exactly that posted to the add-on section. It makes it to where the input buttons change to rollover rounded corner buttons based off of 3 or 4 images.

This was created when 1.3.9 was released so I haven't gone through it since the additional updates that have occurred. You may want to diff the changes in to make sure.

Dynamic CSS Input Buttons

http://www.zen-cart.com/index.php?ma...oducts_id=1681

[airscopes]

I ended up doing this by adding a style to the CSS... this way I didn't have to modify the psp:

input[title=" Add Selected Products to Cart "] {
background: url('http://www.airscopes.com/Zen/includes/templates/airscopes/buttons/english/button_add_selected.png') no-repeat top left;
}

input[title=" Add Selected Products to Cart "]:hover {
background-position: -160px 0px;
}

and then making the image 320 x 33

I was having trouble with the link without putting in the full path. What is the URL path supposed to be for custom buttons?

[airscopes]

oh, I left out that I made the gif for that button totally transparent...

[mleahy]

oh, I left out that I made the gif for that button totally transparent...

Do you have a link to your site so I can see what it looks like? I am trying to do something similar. I have two image versions of each button, one plain the other rollover. But I haven't implemented the rollover yet because I haven't found a clean way to do it.

Cheers,

Michelle

[athena]

Hi,
I've had Easy Rollovers mod running on every version of zen for many years up to my recent install of 1.3.9h. so far no issues that haven't been addressed.

Link to the current mod:

Easy Rollovers 136

well then...i guess i've learned to live with the form buttons not rolling over.