lazyload not being disabled on-page and also using classes.

I am trying to exclude the home page from lazyload using the page turn of method and the classes method but both of them does not work.

  • Kris Tomczyk
    • Ex Staff

    Hi jennifer

    Hope you are doing good today.

    I review whole chat and I also try other solutions. However non of them helps here.

    I escalate this issue to our SLS Team (code experts) so that they can dig into this issue further for you. We will post an update here as soon as more information is available.

    Please keep in mind that our SLS Team deals with more complicated issues, so it may take a little longer for them to reply here. Thank you for your patience while we look into this further.

    Kind Regards,

    Kris

  • jennifer
    • New Recruit

    Hi Kris,

    That is totally fine. Just an idea from my side: the problem is with the images showing in the layer slider plugin, that I use on the homepage as the main slider and below. As this slider is not actually on the homepage but in the plugin and then linked or embedded to the homepage maybe excluding the homepage from lazyload doesn’t work. Is there a way to exclude the sliders themselves or the plugin?Thanks

    Jennifer

  • Tho Bui
    • SLS

    Hello jennifer,

    I hope you are well today!

    Regarding your issue, you can fix this by trying to add the custom snipped CSS code below:

    body .ls-container.ls-responsive .ls-layers img, #ls-global .ls-container.ls-responsive .ls-layers img{
    max-width:100% !important;
    height:auto;
    }

    You can add this to your child theme’s style.css file. Or going to Appearence (Design) -> Customize And then paste this snipped code to Additional CSS (Zusätzliches CSS) section.

    And also excluding the homepage from lazyload working fine on my test, looks like your browser cached.

    Kind Regards,

    Tho Bui