Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore – Change the Checkout Button Image in the Shopping Cart

by

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 2 years, 10 months ago by admin.
Viewing 11 posts - 16 through 26 (of 26 total)
← 1 2
  • Author
    Posts
  • February 25, 2017 at 2:04 am #59032
    admin
    Keymaster

    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 #59033
    Dina
    Spectator

    Sorry, 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 #59034
    admin
    Keymaster

    The 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:

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

    April 25, 2017 at 1:28 am #59035
    admin
    Keymaster

    @Ewa Pringle, I sent you an email last week. Please reply to my email.

    May 4, 2017 at 8:11 pm #59036
    Dina
    Spectator

    Dear 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 #59037
    clem90
    Member

    Hi,

    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 #59038
    admin
    Keymaster

    For 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):

    https://www.tipsandtricks-hq.com/ecommerce/how-to-use-buy-now-buttons-using-the-wordpress-estore-shopping-cart-plugin-15

    May 7, 2020 at 12:25 am #59039
    dmartin686
    Member

    Hi – 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 #59040
    admin
    Keymaster

    The “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 #59041
    dmartin686
    Member

    Thank 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 #59042
    admin
    Keymaster

    I 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?

  • Author
    Posts
Viewing 11 posts - 16 through 26 (of 26 total)
← 1 2
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ