Feature Request: Change the Widget Checkout Button

[Zain]

Hi,

Please could the Checkout button for the shopping cart (and widget) have it’s own field so that the image can be swapped out? Basically, a similar functionality as the “Add to cart” buttons have.

At the moment, it’s only possible to change this button through amending the stylesheet and replacing the image. This is fine if you never intend to update the WP eStore plugin – however, if you do upgrade it, then the changes get overwritten each time.

Ideally, the CSS for the button shouldn’t have a width and height – at the moment, this causes the size of the image to be restricted. Much easier if the checkout graphic can scale to the appropriate size of the uploaded file.

Thanks in advance. And keep up the great work!

Cheers,

Zain

[Ermejo]

I Agree with Zain here

the option to change the Checkout PP button from WP admin panel would help me as well

BTW where do I find the tutorial for changing the PP button via stylesheet?

TNX for all the great tutorials makes using your product so much easier

[wpCommerce]

@Ermejo, In the “images” directory of the WP eStore plugin look for the following file:

checkout_paypal.png

Simply name your custom image the same as above and overwrite it.

To customize the image dimensions you will need to add a width and height properties to the eStore_paypal_checkout_button class. Please do the following:

1. Install our Custom CSS plugin

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2. Add the following CSS code:

.eStore_paypal_checkout_button{

width: 100px;

height: 50px;

}

[Susan Handes]

I’ve been trying to change the checkout button in the CSS Editor and keep getting an error message. I’m using the CSS Editor in Jetpack.

I’ve just found this post and am now thinking that maybe I can’t do this using the style sheet and instead use the solution for changing the picture.

This is the script I’m using – from the PayPal site. I also want to center the button.

.eStore_paypal_checkout_button img {

src: paypal.com/en_US/btn/btn_xpressCheckout.gif:

align: left;

margin-right: 7px;

}

The error message is “Expected RBRACE at line 18, col 12. img is also in red and as a newbie to coding I’m not sure if that is important. I’ve also tried changing it to image. I’ve tried all sorts of combinations of adding all the text in the element and uploading a file and using that, adding extra ” and ” (they just disappear when I update).

I did successfully center the button using the style editor, a clue I found somewhere else on the forum, but no luck with the button itself. I need to be able to change the button on a few sites and perhaps on the same one to test and measure the success of different buttons so would really appreciate a fix with this.

Any update on Zain’s idea to include the option in the Admin panel?

For the rest, really good tutorials, forum and videos – has made setting up the website straightforward and easy.

Many thanks

[admin]

Use the method one from the following post and you should be good:

https://support.tipsandtricks-hq.com/forums/topic/estore-change-the-checkout-button-image-in-the-shopping-cart

[Author]

Posts