Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Feature Request: Change the Widget Checkout Button
- This topic has 4 replies, 5 voices, and was last updated 10 years, 9 months ago by
admin.
-
AuthorPosts
-
July 18, 2012 at 6:44 am #6916
Zain
ParticipantHi,
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
November 4, 2013 at 8:18 am #47472Ermejo
MemberI 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
November 4, 2013 at 11:03 pm #47473wpCommerce
Moderator@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;
}November 18, 2013 at 12:39 am #47474Susan Handes
MemberI’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
November 19, 2013 at 12:19 am #47475admin
KeymasterUse the method one from the following post and you should be good:
-
AuthorPosts
- You must be logged in to reply to this topic.