Apple Pay Button Error

  • Resolved sbct

    (@sbct)


    4 years, 8 months ago

    Hello!
    I’m having issues with the checkout, specifically with Apple Pay button in the checkout.
    I just see a white button instead of the Apple Pay Logo: the button works if pressed, but it’s a white button which doesn’t say anything and the customers are not pushed into clicking it.

    Can anyone please help me in discovering what’s wrong? Here’s a screenshot of the error: https://ibb.co/LtyGG1S

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hi there,
    checking your site we can’t see the apple pay button at this moment.
    For this reason we can’t help you now.

    Can you enable it again? Thanks

    Thread Starter sbct

    (@sbct)

    Hi,
    The Apple Pay feature only works on Apple Devices with configured Apple Pay features. I’ve tried to use it on my iPad and iPhone and I still can see the blank button.

    Theme Author YITHEMES

    (@yithemes)

    Ok, sorry but at the moment I don’t have an Apple device with apple pay enabled.
    So I ask you to wait till Monday, when I’m able to test it my collegues with an Apple device and provide you a quick fix for it ?? I’m pretty sure it is just a CSS issue

    Thread Starter sbct

    (@sbct)

    Thank you very much! =)

    Have a nice weekend!
    Andrea

    Theme Author YITHEMES

    (@yithemes)

    Hi there!
    We will be able to test the site finally!
    What we have found is that the apple pay button is missing his text.
    Please check this:

    <div class="wc-proceed-to-checkout">
                <div id="wc-stripe-payment-request-wrapper" style="clear: both; padding-top: 1.5em;">
            <div id="wc-stripe-payment-request-button">
                <button id="wc-stripe-custom-button" class="button dark is-active" style="height:44px;">  </button>                <!-- A Stripe Element will be inserted here. -->
            </div>
        </div>
                <p id="wc-stripe-payment-request-button-separator" style="margin-top: 1.5em; text-align: center;">— OR —</p>
        
<a href="https://www.stunningbikecotours.com/shop/checkout/" class="checkout-button button alt wc-forward">
    Proceed to checkout</a>
    </div>

    Also here a screenshot of it:
    https://prnt.sc/tcmvtr

    Please check if something is not well configurated plugin side. Maybe you can customize button text

    Thread Starter sbct

    (@sbct)

    Thanks so much for your help! After digging a bit I’ve found out that in the Stripe extension for WooCommerce the pay button was under “Custom” settings instead of default. I don’t know what happened there …
    It now works great =)

    Thanks again for your help!

    https://ibb.co/gT40vQ1

    Theme Author YITHEMES

    (@yithemes)

    You’re very welcome!
    I’m marking this topic solved then.
    If you enjoy Proteo and the hard work we are doing to make it a great theme, please give us a nice review ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Apple Pay Button Error’ is closed to new replies.