Hide Google pay in checkout above place order button

Hi @shyamzin

It’s not advisable to try and remove the GPay option which is rendered in the payment methods section of the checkout page. What is your motivation for that?

Kind Regards

Hello support,

Thanks for getting back to me. The thing is we already got express checkout option at the top of the checkout page. Also the one which we have at the bottom of the checkout page is not validating any form fields(address and others) like if we opt credit/debit card options. That is why we are thinking to hide it. So it is not advisable to do the same? Also is it possible?

Please let me know. Thanks again.

Also the one which we have at the bottom of the checkout page is not validating any form fields(address and others) like if we opt credit/debit card options.

It doesn’t validate the fields because GPay has the ability to provide the billing and shipping address automatically. It doesn’t make sense to enforce those fields if GPay can provide them.

You could use the WooCommerce Blocks checkout which enforces the express checkout design you’re wanting. The GPay button is rendered in the express section only and not in payment methods section.

So it is not advisable to do the same?

It’s possible but would require custom development which is beyond the scope of our support in these forums.

Kind Regards,

Hello,

I just want to also say that when you enable Apple Pay or Google Pay, and you select to show it as an option at the “Top of Checkout”, then Apple Pay and Google Pay, display at the top as an express Checkout option, but also they display again at the bottom, with the other Payment methods, so they actually display twice on the same page, which does not make much sense.

I had to remove Apple Pay and Google Pay from the Payment methods on the checkout screen using CSS. But I believe, the default behaviour based on the plugin is that they should be hidden, judging by this sentence:

“The GPay button is rendered in the express section only and not in payment methods section.”

Please let me know if I’m right for my assumption.

Thank you.

• This reply was modified 1 year, 8 months ago by barnabas1.

Hi @barnabas1

But I believe, the default behaviour based on the plugin is that they should be hidden, judging by this sentence: Please let me know if I’m right for my assumption.

That is not correct. That sentence was made in the context of the WooCommerce Blocks functionality which I stated provided the behavior you’re looking for.

The traditional WooCommerce Checkout shortcode renders the express buttons if enabled and the payment methods section.

Kind Regards

Hi @mrclayton,

Thank you for the explanation. Now I understand that this is the default behaviour and it makes sense.

The reason I resolved to css, is because as it is now, the express checkout button displays conditionally based on the device of the user but the payment methods display always regardless of the device. For example, I was using Chrome on Windows and on the checkout page I could see the Google pay express button at the top and down in the payment methods I had the option for Gpay and Apple Pay. Obviously I can’t use Apple Pay though and shouldn’t be there.

I hope this makes sense now.

Best regards,

Barnabas

• This reply was modified 1 year, 8 months ago by barnabas1.

P.S. About Apple Pay, is that Apple devices on IOS 16 and up, can use apple pay on any browser. But I don’t think Apple Pay can work on windows devices.

The reason I resolved to css, is because as it is now, the express checkout button displays conditionally based on the device of the user but the payment methods display always regardless of the device.?

The plugin is designed to only show the payment method when a supported device is being used. Since the payment method is always showing, that means your theme is overriding the plugin’s styling and causing the payment method to show regardless of whether it’s supported.

Ok, it’s my theme I guess. Thank you for clarifying. I’m using the Astra theme by the way with their “modern checkout” options in the customizer turned on. Just for reference. I’ll debug the issue myself.

Kind regards,

Barnabas