Split: I’m not able to use LiteSpeed Cache Plugin With Woodmart theme

There’s no mystery…when you test, you’ll see the problems.
https://www.bhlfitness.com.br/

I’m currently using this JS delete line to delete everything from the Woodmart theme:

/woodmart/js/

Everything is like this now:

jquery.js
jquery.min.js
/horizontal-scrolling-announcements/script/
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-includes/js/imagesloaded.min.js
/woodmart/js/
/woocommerce/assets/js/frontend/
/ementor/
/ementor-pro/
ElementorProFrontendConfig
ElementorFrontendConfig
\/jquery(-migrate)?-?([0-9.]+)?(.min|.slim|.slim.min)?.js(\?(.*))?( |'|"| >)
/woocommerce/assets/js/frontend/cart-fragments.min.js
/woocommerce/assets/js/js-cookie/js.cookie.min.js
/woodmart/js/scripts/wc/updateCartFragmentsFix.js

I just need to know which specific .js to eliminate, so that I can actually optimize the site’s performance.

When first accessing the website:
The Menu works
The side cart opens but does not show any content.
https://imgur.com/rINxQvf
Banner scrolling doesn’t work
The product carousel does not work

However, if you choose a simple product on the Home page and add it to the cart, it updates the screen and everything starts working.

When accessing a variable product page, there are problems with the variations when choosing the flavor, or the click doesn’t work or they disappear… lots of strange things.

Note: I configured the LiteSpeed Cache plugin on another ecommerce site with the Hello theme and it worked 100%, you can test it here (without any deletion of js)
https://www.mamaebebestore.com.br/

So it seems to me that there is a problem with Woodmart + LiteSpeed Cache.

Hello!

I will create a copy of the site to test, because the live site if I do this, it will not be possible to use shipping, payments, etc.

As soon as I have the copy, I will send it to you for free testing, without any problems.

Anyway, I identified that when I activate my payment gateway:
https://br.wordpress.org/plugins/woocommerce-mercadopago/

Woodmart’s layout is starting to cause problems.

It seems like there is some incompatibility with this plugin.

I activate the Mercadopago plugin, clear the cache, and the site layout stops working.

Remember to always clear the entire cache after any changes:
https://imgur.com/l9nTaBX

In fact, no error screen appears.

When activating the plugin and clearing the entire LiteSpeed cache, the layout stops working, menus, banners, etc.

Poking around here and testing, I discovered that if you include ONLY this line in the JS exclusions, it resolves:

https://sdk.mercadopago.com/js/v2?ver=7.1.1
https://imgur.com/r3tHXM0

Now, I’m going to activate the other plugins, to see if everything is ok and working.

Until then, it seems that this single line was the culprit for blocking the entire layout.

I need the mobile Menu to work.

The way I left the test site I gave you configured, it doesn’t work.

I’ve already tried ignoring all .js that contain “menu” but it didn’t work.

Can you help?

After many tests and many hours, at first I succeeded.

I left everything working.

Thank you for your attention.

Hello!

I actually focused on solving problems on the home page, but now I see that I have problems on the product pages.

I’m currently using these codes in LiteSpeedCache to solve some problems:

I need the following help:

Exclusões de JS

https://sdk.mercadopago.com/js/v2
/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/global/swiperInit.min.js
/woodmart/js/scripts/menu/mobileNavigation.min.js
/woodmart/js/scripts/elements/slider.min.js
/woodmart/js/libs/swiper.min.js
/woodmart/js/libs/tooltips.min.js
/woodmart/js/libs/waypoints.min.js

Exclusões de JS adiado/atrasado

/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/global/swiperInit.min.js
/woodmart/js/scripts/menu/mobileNavigation.min.js
/woodmart/js/scripts/elements/slider.min.js
/woodmart/js/libs/swiper.min.js
/woodmart/js/libs/tooltips.min.js
/woodmart/js/libs/waypoints.min.js

I need the following help:

1- When loading the website’s home page: http://www.bhlfitness.com.br, notice that the banner scrolling does not work.
After you go down the page almost halfway, when you go back up, it starts to work, I tried different ways to solve this and I couldn’t.

I need help with this.

2- On the product page, I can’t open the extra product images, click on them or watch the videos, can you help with which code should I adjust in the cache?

Thank you.

Hello!

1- Follow your recommendation for the first option and it got worse.
In addition to not even starting when scrolling, it never started hehe.

Remember, scrolling does not work for the banner or for products.

Therefore, I asked for instructions, as it involves knowing the site’s files, and knowing which ones to ignore in the LiteSpeed Cache cache.

2- You forgot to test by clicking DIRECTLY ON THE SIDE MINIATURES, click there and try to change there, you will see the problem.

It’s the same case as above, the correct file in the cache needs to be skipped for it to work.

Can you help me with which ones?

Hello!

1- Yes, I deactivated it, tested it, noticed the problem and then activated it again.

So, I just disabled it, and left it the way you need it.

Thanks.

Sorry, I didn’t understand your post.

What is the name of the file or directory?

If you’re specific, I can help, but your print wasn’t clear to me.

You want me to disable the LiteSpeed Cache feature so as not to delay any JS, is that it?