PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

CLS loading issues on mobile devices

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

We’re running into a huge CLS-issue on mobile devices, while loading the WOOF filters (for example on https://www.smaakvandewereld.nl/wijnklimaatkasten/). While loading the page, the filters show first without styling, then get styling and finally are removed and put under the ‘Filter’ button, causing the product below the filters to shift upwards.

 

First we thought this was caused by the WP-Rocket, which delays javascripts, but we’re encountering this issue also when WP-Rocket is turned off. We’ve also moved all ‘woocommerce-products-filter’ javascripts to the head, but also this made no difference. We hope you could give us information about how to solve this issue.

 

This is the way the filters load right now on the mobile view of our website: https://ops132417n3.antagonist.cloud/index.php/s/N67Jfjb9P76fL7L

 

Hello

While loading the page, the filters show first without styling - JS script works only after the page is fully loaded, this is necessary to find all the elements

and finally are removed  - This is your functionality - https://share.pluginus.net/video/v20220420075808.mp4 - You should hide this block without delay