Button Images in lieu of CSS-driven Text Buttons

[lat9]

to turn off css buttons

Admin > Configuration > Layout Settings > CSS Buttons

I am not sure if it can be done selectively

There's a selective "trick", but it only works on submit-type buttons (like the add-to-cart). If the length of the alt-text for the associated button is greater than or equal to 30, then the button image will be used instead of the CSS button.

[smcelligott]

There's a selective "trick", but it only works on submit-type buttons (like the add-to-cart). If the length of the alt-text for the associated button is greater than or equal to 30, then the button image will be used instead of the CSS button.

Great trick, but for those of you that want to try this, don't write "This is some random text of more than thirty characters" as THAT still appears on mouse-over.

I do have a question though about the "submit-type buttons." Not sure what this means, what kind of button would not be submit?

[lat9]

Great trick, but for those of you that want to try this, don't write "This is some random text of more than thirty characters" as THAT still appears on mouse-over.

I do have a question though about the "submit-type buttons." Not sure what this means, what kind of button would not be submit?

The submit-type buttons submit a form (like add_to_cart) and are generated via call to zen_image_submit; the normal/link-type buttons (like back) are generated via call to zen_image_button.

[smcelligott]

The submit-type buttons submit a form (like add_to_cart) and are generated via call to zen_image_submit; the normal/link-type buttons (like back) are generated via call to zen_image_button.

Is there a trick for those buttons? ;) The add to cart button is exactly what I wanted, but when I tried to do the same for "add-to-wishlist" I couldn't get it to recognise the image without editing the php, and when I did that I could never really get rid of the CSS style button, it just stayed in the background of the new art button. Hope that makes sense.

[lat9]

You could also override the CSS for the button class you wish to customize and set your image as the background.

Is there a trick for those buttons? ;) The add to cart button is exactly what I wanted, but when I tried to do the same for "add-to-wishlist" I couldn't get it to recognise the image without editing the php, and when I did that I could never really get rid of the CSS style button, it just stayed in the background of the new art button. Hope that makes sense.

Like numinix said before, you can modify your styling for the non-submit buttons to set the button image you've designed as the background image on a button-by-button case, using the button's name (which is also one of the button's classes) as the key.