W3TC lazy loading + Filter Everything Pro

  • Resolved imddev

    (@imddev)


    5 months ago

    Hi there,

    Divi theme + WooCommerce + Filter Everything Pro (on woo pages \w AJAX) + W3TC.

    So, I have set the the theme to show 40 entries /products/ on archives and search page and lazy-loading is working just fine when scrolling down a page. However, when a filter is applied /via AJAX!/ – the products are left with not the real image, but the SVG placeholder like so:

    <img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" data-src="https://XXXX.com/wp-content/uploads/2023/09/XXXX.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail lazy" alt="" decoding="async">

    FYI – when I disable lazy-loading in W3TC it’s fine; also there doesn’t seem to be any other kind of lazy-loading going on that messes up W3TC’s. I think the lazy-loading script just never re-iterates over the “new” images after the AJAX and I am not sure how to trigger it.

    • This topic was modified 5 months ago by imddev. Reason: add website/page link

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter imddev

    (@imddev)

    P.S: when I copy the script from /w3tc/pub/js/lazyload.min.js and paste it in to the browser console – lazy loading works as expected.

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @imddev

    Thank you for reaching out and I am happy to help!

    I’ve checked the page you shared and I am not seeing issues now when the Lazyloading is enabled on the website.

    when a filter is applied /via AJAX!/ 

    Can you please clarify this and share the steps to reproduce the problem? Which filter are you reffering to exactly?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.