Apple Pay button is always displayed

Resolved slavabrain98
(@slavabrain98)

2 years, 4 months 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 Clayton R
(@mrclayton)

2 years, 4 months ago

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)

2 years, 4 months ago

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 Clayton R
(@mrclayton)

2 years, 4 months ago
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)

2 years, 3 months ago

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 Clayton R
(@mrclayton)

2 years, 3 months ago

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)

2 years, 3 months ago

@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.

Tags