Woocommerce, Lazy load and thumbnail picture is wrong




Wordpress LScache Plugin: Woocommerce, Lazy load and thumbnail picture is wrong

Last Updated on: Wed, 15 Apr 2026 00:00:02
Hi, Everything is ok when I disable LiteSpeed. When activated the thumbnails on the frontpage is generated from the product gallery (first photo) and not the Product picture as intended. Need to know how to resolv this matter. Keep up the amazing work! The page I need help with: https://iterreng.no Hi, Could you please make 2 screenshots , 1 for correct thumbnails and 1 for incorrect so we can better understand the issue ? Best regards, Hi @ubuntuhero, the products hover effect has a conflict with lazyload CSS, please try to add: img.litespeed-loaded opacity: 0 .image-fade_in_back a img:first-child opacity: 1 to override the setting. Splendid! It worked as intended with those lines in custom CSS. Will this be fixed in the future, and if so, is it ok to keep the custom code? You guys are the kings of awesome! Hmm, this broke other parts cathegory view now has no picures. Same goes for blog archives, pictures now gone (furthest down on the page) Please try: .image-fade_in_back a img.litespeed-loaded opacity: 0 .image-fade_in_back a img:first-child opacity: 1 This is my custom css: With this, we are back to where we started again: / PART 1 ? Before Lazy Load / img[data-lazyloaded] opacity: 0 / PART 2 ? Upon Lazy Load / img.litespeed-loaded -webkit-transition: opacity .5s linear 0.2s -moz-transition: opacity .5s linear 0.2s transition: opacity .5s linear 0.2s opacity: 1 .image-fade_in_back a img.litespeed-loaded opacity: 0 .image-fade_in_back a img:first-child opacity: 1 Removing all code and purging cache seems to fix all the issues. Thats great, please feel free to let us know if still have any questions.



LiteCache Rush: Speed comes from using less, not from doing it faster



Reference