Payment method radio button disappears when there's only one payment method

Hi, when there’s only one payment method it’s autoselected on checkout page and selection radio button disappears in a second, this makes payment method name and image move to the left a bit which has unpleasant look.
I checked this behaviour with Storefront theme and the bug does not appear there.
Pleas have a look at this video – https://gyazo.com/595c2a3426b2a4442f01926a398588bc

Hello,

Could you please keep the storefront theme and send us your admin access so we can check the problem?

Regards

I used Storefront theme on localhost.

Maybe you can use troubleshooting mode from Health Check plugin to switch the theme to Storefront only for you?

Here are the credentials:

You need to check with both themes on this website. It may work different on your local website.

OK, I’ve just checked on my live site and it’s the same. I don’t have any idea why it should be different on localhost if every file is the same.

In this case, please keep the storefront theme and send us your admin access so we can check the problem.

Please use Health Check plugin’s troubleshooting mode because the site is live.

Here are the credentials:

Could you please provide us a step by step instruction on how to configure your website with this plugin and what options should be turned on so we can see this particular issue?

OK, I configured it – please proceed and check.

So what steps should we perform to see the problem both with storefront and our theme? We don’t see any changes on your website now.

You can replicate the problem on your own host as well – it’s not unique to my setup.
If you want to check the problem on my host – please use troubleshooting mode of
Health Check & Troubleshooting plugin.
No special steps needed to replicate the issue – just enter troubleshooting mode, activate needed plugins and switch theme to storefront and then woodmart.
Troubleshooting mode seems to be deactivated now indeed – maybe it’s someone from your stuff because I have some other issues being investigated at the moment as well.

Can you activate this mode on your website and enable all of those plugins so we can check?

I did as you said, please check.

We still don’t understand each other or you didn’t change anything.
We switch to troubleshoot mode and there are no any plugins activated. Could you please prepare for us such conditions so we can see the issue? Otherwise, you need to create a staging development copy of your website. There, you will be able to do such kind of experiments without any harm to your production website.
We tested this on our development website but don’t have any issues with payment methods.

Kind Regards

I’ve just checked and found that troubleshooting mode is off indeed. Don’t know why it happens. Can you please login enable troubleshooting mode in Tools > Site Health > Troubleshooting and activate WooCommerce, WPBakery and payment gateway plugin that’s all you need.
As for testing on your development website – are you sure you’ve had only one payment option? This happens only when there’s only one payment method.

Actually, it is hidden with other themes as well by the WooCommerce when one payment method is available only. But the bug with default WordPress theme is that it has custom CSS for radio button that overrides this WooCommerce styles. That is why you see it on default theme but don’t see on WoodMart. But it works as WooCommerce developed it on our theme and it is not a bug.

https://gyazo.com/54b6b972ec13aead6e7acec6541889b6

OK, thank you for clatrification. In this case can you provide some CSS to hide radio button right away to avoid this flickering.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

[name="payment_method"] {
    display: none!important;
}

Thanks a lot. It worked as it should.

[Author]

Posts