Conflict with WooCommerce? Big problem on Checkout

Hi @denis24 ,

I am glad to help. I have tried to replicate the issue and I could not, see my screencast here.

I am on WordPress 6.5.4, PHP 8.3.2, Twenty Twenty Three Theme version 1.4, Woo 8.9.2 and NextGEN Gallery 3.59.3

Did you deactivate all other plugins except for Woo and NextGEN?
Can you please check if there are any errors on the developer tools console?

You can also try to install Docket Cache and then go to Docket Cache, then click Flush OPcache and then Flush Object Cache

Also install Transients Manager and then from Tools > Transients click on Delete All

Then check again. I will be waiting for your reply.

Thanks!

You wrote:

Did you deactivate all other plugins except for Woo and NextGEN?

Yes I did.

Can you please check if there are any errors on the developer tools console?

There are no errors there.

You can also try to install?Docket Cache?and then go to?Docket Cache,?then click?Flush OPcache?and then?Flush Object Cache.
Also install?Transients Manager?and then from?Tools > Transients?click on?Delete All

I did both of these and the error persists. I also spoke to WP Engine Support to see if there are any other server-side caches that could be causing this problem. I was assured that the “Clear All Caches” button in the WP Engine panel does exactly that — it clears page cache, object cache, network cache, CDN cache, etc. Obviously I also cleared all browser cache and cookies and used a private window for testing. I don’t think this is a caching issue.

Here’s some additional info:

While searching on the web for a solution, I came across this page: https://rajasain.com/fix-woocommerce-checkout-infinite-loader-in-2024/

It calls for adding this to style.css:

/* Fix issues with jquery overlay blocking checkout button */
.woocommerce .blockUI.blockOverlay {
position: relative!important;
display: none!important;
}

This indeed stops the spinning balls on checkout. However, another problem appears: The fields for entering credit card information are not displayed. This site uses Square as a payment method, and I believe the credit card form is pulled in from Square and displayed on the checkout page. Something interferes with this function ONLY WHEN NEXTGEN GALLERY IS ACTIVATED. So the two issues (spinning balls and missing credit card fields) must both be related somehow to a conflict with NextGen.

I report this additional info here in case it points to a resolution of the issue.

After more troubleshooting, I found a solution:

I added this line in wp-config.php:

define(‘NGG_ENABLE_RESOURCE_MANAGER’, FALSE);

That resolved the spinning balls issue and the missing credit card input fields issue on the checkout page.