Loading previous products not working

Hello support team,
I noticed a wrong loading behavior after adding some products to my WooCommerce shop.
On my home page I have an included theme navigation to load 8 products and two arrows (left and right) to see more products. Please, see the attached images.
When I click on the right arrow, the navigation system shows more products and that’s fine.
From there, when I click on the left arrow to navigate back and load the previous products then it shows the previous products information BUT the images (thumbnails).
Please, visit my site and check by yourself.
I hope you can help me solve this issue.
Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Best Regards

Hello there,
Thank you for your response.
I know it’s always a good practice to check all the installed plugins.
Based on your answer I assumed immediately you hadn’t heard or nobody had reported this kind of problem related to your theme and it was presumably related to WordPress plugins instead.
That said, I found what was causing this problem and I decided to post it here just in case someone else could face it.
First thing I did was checking the source code and I found the image source was being replaced by a weird SVG image link with data source attribute.
Next I went to our best friend “Google” and I was lucky to find a comment related to this behavior.
It turns out that some plugins use LazyLoad, which by the way is being introduced by WordPress 5.5, and it is known to cause this behavior.
In my case it was WP Rocket LazyLoad but fortunately WP Rocket had already addressed this by providing a work around to disable LazyLoad on specific images.
I followed their advise and added a piece of code to my functions file which excludes the “lazyloaded” class from “img” HTML tag.
If someone needs to use this approach, please visit the following link:
https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images
I hope this will help others.
Thank you anyways!

Hello,

I have checked your site and consulted our dev team. There is lazy loading from the third party plugin, conflicting our features.

Please check the issue without plugins.

Best Regards

[Author]

Posts