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.

[athena]

say, Michelle, please share your solution. I would like to get my search form button matching the rest of my site.

[athena]

here i am again....this is to solve my rollover problems with submit buttons and replace the search submit button with a custom one....

reading back over previous years with the easy rollover contrib and some solutions found with css buttons contrib i worked on this and successfully, at least i think so far, installed the css buttons which requires you to enable css buttons and it will only create css buttons where there are no images in your-template folder. Then re-installed the easy rollover contrib. Changed the name of the class in easy rollover contrib to avoid what has been a reported problem with a conflict with IH2 classes...

The only advantage right now that I can see to having both contribs installed, is that my submit button now matches the rest of the button images but the input or submit buttons will not roll over. No one seems to be paying attention to the easy rollover thread. The only thing I guess to try is to style the css buttons to use my images as background images...this is very discouraging and should be simpler i agree.