Apple Pay button is always displayed

  • Resolved slavabrain98

    (@slavabrain98)


    1 year, 1 month ago

    Hello!

    In the settings of your plugin, I have selected the option to display the Apple Pay button as one of the payment methods for the order on the Checkout Page. The documentation states that this button is only displayed on iOS devices. However, this button is displayed on my website in absolutely all cases, regardless of the device’s operating system or browser version. The same situation applies to the Google Pay button.

    I really look forward to your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @slavabrain98

    Can you please share a website url so we can review?

    That’s not the normal behavior so there’s likely some sort of conflict on your site.

    Kind Regards

    Thread Starter slavabrain98

    (@slavabrain98)

    You need to order the product by selecting the values in all the options here – https://test.attract.company/product/portrait/

    Best Regards,
    Slava

    Plugin Author Payment Plugins

    (@mrclayton)

    Hi @slavabrain98

    It’s not the button that’s showing, it’s the payment method list item and the Apple Pay icon. That’s happening because your theme is overriding the plugin’s default styling which has the Apple Pay list item hidden. When the plugin detects that Apple Pay is supported, it will show the Apple Pay payment method and render the button.

    Here is the CSS on your site that’s causing that:

    View post on imgur.com

    You can add Apple Pay as an exclusion if you change the CSS to:

    form.woocommerce-checkout #checkout-payments ul.payment_methods li:not(.payment_method_stripe_applepay){
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0;
    font-size: 16px;
    line-height: 1em;
    border-color: var(--gray);
    transition: var(--transition);
}
    Thread Starter slavabrain98

    (@slavabrain98)

    Indeed, I haven’t seen that theme overrides the plugin’s default styling which hides an Apple Pay list item. If I apply your styles, I won’t see the Apple Pay list item on iOS devices. It will be completely hidden.

    Could I add any class to the hidden elements?

    Plugin Author Payment Plugins

    (@mrclayton)

    If I apply your styles, I won’t see the Apple Pay list item on iOS devices.

    That is not correct. Per my previous reply, the plugin automatically displays the payment method if it detects that Apple Pay is supported.

    Thread Starter slavabrain98

    (@slavabrain98)

    @mrclayton

    Thank you for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Apple Pay button is always displayed’ is closed to new replies.