Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore F.A.Q/Instructions › eStore – Change the Checkout Button Image in the Shopping Cart
Tagged: checkout button, checkout page, customization, paypal button
- This topic has 25 replies, 11 voices, and was last updated 4 years, 6 months ago by admin.
-
AuthorPosts
-
February 25, 2017 at 2:04 am #59032adminKeymaster
Where do you have the “add to cart” button so I can add an item and then inspect the cart. I browsed a few pages on your site but couldn’t find any “add to cart” button that was created using eStore.
March 5, 2017 at 2:26 am #59033DinaSpectatorSorry, the page with “add to cart” buttons was Private, so I changed it to Public now:
[http://www.resonateintowellness.com/resonate-into-wellness-studio-store/]
Thank you.
March 6, 2017 at 11:57 pm #59034adminKeymasterThe CSS looks correct to me. Something is preventing it from working correctly.
Your only other option is to use the 2nd method explained in the first post. Let me know if that works:
April 25, 2017 at 1:28 am #59035adminKeymaster@Ewa Pringle, I sent you an email last week. Please reply to my email.
May 4, 2017 at 8:11 pm #59036DinaSpectatorDear Admin Key Master,
Sorry, we can not find this e-mail. What is the subject of it?
The thing is the eStore plugin was purchased by Ewa Pringle and she put her name and e-mail on registration. My name is Dina and I am working with Ewa and I am designing the website. Is it possible to change the email to dina@jaconello.com and also change the member forum name to Resonate?
Could you please maybe resend this e-mail and tell me the subject of it and who is from. I will visit Ewa’s office tomorrow and find the e-mail. She has 1000s emails in her inbox.
It will be appreciated if you can help us to resolve that.
Thank you very much,
Ewa and Dina
February 18, 2018 at 2:59 pm #59037clem90MemberHi,
Is it possible to remove the checkout button image and ad text with css class insted of image ?
After, I can use css to custom this text.
Thanks
February 20, 2018 at 2:07 am #59038adminKeymasterFor the shopping cart, we use a button image. It will be very hard to change that to a text.
You can use buy now buttons where the button is a text and it goes to the payment page directly (bypassing the cart altogether):
May 7, 2020 at 12:25 am #59039dmartin686MemberHi – I think I properly followed the instructions for Method 1 to change the checkout button (it’s WAY too small, especially on phones, and I’ve had many lost customers who said “I got to the checkout page and couldn’t see how to pay) but see no change on my checkout page.
I ‘m running WP 5.4.1 and downloaded the WP Custom CSS plugin from here: https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413. I uploaded it, activated it and then inserted this code:
input[src*=”images/checkout_paypal.png”]
{
padding: 41px 143px 0px 0px;
background: url(‘https://phxhandsan.com/wp-content/uploads/2020/05/PAYPAL.png);
background-size:auto;
width: 0px;
height: 0px;
}
But this is my checkout page, showing no change: [phxhandsan.com/checkout]
You probably need to click on “Visit the Shop” if the cart s empty, then just choose ANY “Add to Cart” button and you’ll be brought right back to the checkout page with something in the cart and the paypal button showing. Thanks for your help
May 8, 2020 at 1:02 am #59040adminKeymasterThe “background” properly is missing a quote at the end of the URL.
You have the following at the moment:
background: url('https://phxhandsan.com/wp-content/uploads/2020/05/PAYPAL.png);
It should be the follwoing:
background: url('https://phxhandsan.com/wp-content/uploads/2020/05/PAYPAL.png');
Try changing that to see if there is a difference.
BTW: Your checkout button looks fine to me. It is how it is normally supposed to be. I checked using my iphone mobile device and it looks fine to me. We used that exact same button on our site and we never had any customers complain about it. Maybe you can ask the customer to send you a screenshot so we can see if they are really seeing something we are not seeing due to the type of device they are using.
May 9, 2020 at 2:34 pm #59041dmartin686MemberThank you…I made that change but it didn’t switch the image. Do you have any other suggestions as to what might be the issue? Thanks
May 12, 2020 at 3:36 am #59042adminKeymasterI am not seeing the CSS code in your source code. Normally the custom CSS plugin inject the custom CSS into your page’s HTML. When I view the HTML source of your “checkout” page, I don’t see the CSS. Is there any caching?
-
AuthorPosts
- You must be logged in to reply to this topic.