Roll over for buy now

[Jane]

is there a way to create a rollover for the buy now button? (like you’ve got for your products on the tips and tricks site?)

Thanks!

[Peter]

Hi Jane,

Do mean when you hover the button it slightly fades?

This is actually default behaviour done by the eStore plugin.

As a matter of fact the exact line which produces this effect is in the wp_eStore_style.css file and it looks like this:

.eStore_paypal_checkout_button:hover,.eStore_button:hover,.eStore_remove_item_button:hover,.eStore_empty_cart_button:hover,.eStore_buy_now_button:hover,.eStore_subscribe_button:hover {

opacity:0.7;

}

[Jane]

Hmmm…for some reason it’s not working on mine. If you use custom add to cart buttons, does it not apply?

When I wrote the html for pages, I could make the actual image shift on a hover/roll over to make it look as if the button were pushed. I thought perhaps there was a way to do that, but I see that this is a … generic hover state for all the buttons, so probably not….

Someday I’m going to have to learn php, I just know it.

[admin]

It will apply to custom add to cart buttons too as long as you are not using IE to test it. Internet Explorer doesn’t support “opacity” just yet.

[Jane]

Hmm…that’s strange. I use firefox, but I’m not seeing it…

http://www.closed-circle.net/WhereItsAt/catalog

I’m not seeing any hover code in firebug either.

[Jane]

OTOH…it might be a theme incompatibility. I’m switching to Atahualpa next week, so maybe the opacity shift will magically appear when I do, computer code being computer code. Please don’t worry about it right now.

Thanks!

[Author]

Posts