Support » Plugin: Jetpack - WP Security, Backup, Speed, & Growth » Jetpack Lazyload function

  • Resolved Supplement Genie

    (@supplementgenie)


    I’m using the Jetpack plugin which has been great.

    My one concern is the Image Lazyload feature.
    It seems to work great on all pages bar my Woocommerce product page.

    Once the image and the thumbnails load, the main image is not visible and is covered by the thumbnails.

    If there are multiple thumbnails, I can click on one which isn’t active and it sorts itself out. if there is only one thumbnail, then that one will be active and it is not possible to sort the problem, even with refreshing the page.

    any help on this would be great, I have included a link to one of the affected pages

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support lizkarkoski

    (@lizkarkoski)

    Howdy –

    Thanks for getting in touch! I’ve run the site through our debugger and can see that the xml rpc is not responding. Take a look at step #4 on this page to get that sorted:

    https://jetpack.com/troubleshooting/troubleshooting-tips/

    Regarding the images on your product page, I’d suggest trying to use one of these filters. I think that the first option would work best based on what has been described here. Look at lazyload_is_enabled on https://jetpack.com/support/lazy-images/ it is under Customizing Lazy Images.

    Write back if you need more help getting that sorted.

    Thread Starter Supplement Genie

    (@supplementgenie)

    @lizkarkoski thanks for your reply.

    If you checked the page I included, it wouldnt have shown any issues as I had to deactivate the lazyload feature.

    I deactivated the XML RPC because I have seen that it can cause website vulnerabilities and make it easier for hackers?

    I reactivated it but the Lazyload still didnt work.

    Thread Starter Supplement Genie

    (@supplementgenie)

    I added the

    apply_filters( ‘lazyload_is_enabled’, true );

    to my functions.php file but it has made no difference and I am still having the same issues

    Plugin Support lizkarkoski

    (@lizkarkoski)

    Thanks for giving the xml rpc a try.

    Something is running interference. Have you tried testing this on the site with only the Jetpack plugin enabled?

    Try this, to rule out any other plugin conflicts:

    – disable every plugin on the site
    – re enable the Jetpack plugin only
    – check site lazy load image issue
    – try adding the filter to your functions.php
    – cross fingers, check site, report back here

    Thread Starter Supplement Genie

    (@supplementgenie)

    @lizkarkoski
    I have deactivated all plugins with the exception of Jetpack and Woocommerce, tested the lazy load feature and got the same result.

    All I can think is that there is an issue with the Woocommerce product page and the jetpack lazyload feature?

    Plugin Support lizkarkoski

    (@lizkarkoski)

    I suspect that this is something odd in the theme as the plugin on/off switch made no difference.

    To rule out a theme problem, use the plugin, themeswitcha, and try a default WordPress theme on the site.

    Otherwise, you can leave the lazyload turned off so the product page isn’t affected.

    Hi Liz,

    I want to disable lazyload on a page ID 227 as it breaks the Divi before afte plugin on that page. Pics just don’t show up.

    Please suggest a code to header.php to exclude lazyload only on this page. Thanks a lot!

    Plugin Support lizkarkoski

    (@lizkarkoski)

    Hi Peter –

    This sounds familiar. I think I might have sent a reply to you in the WordPress.com forums earlier today. It will be best to keep the conversation in one space.

    Here it is: https://en.forums.wordpress.com/topic/jetpack-lazyload-to-be-excluded-on-a-certain-page/

    I am going to close that thread and we can continue here. This is the better space for a Jetpack discussion.

    In any case, we aren’t able to provide specific code for this type of site customization. That type of customization will fall to you. There’s a resource with the basics of building a custom hook or filter. Check it out: https://developer.wordpress.org/plugins/hooks/filters/

    This Github will give you a good start on the project too: https://github.com/Automattic/jetpack/blob/7.2.1/modules/lazy-images/lazy-images.php/#L39

    • This reply was modified 3 years, 7 months ago by lizkarkoski.

    This is not very “supportive”. It took you more time replying with no answer than just copy paste the code. I thought that support forum is where people get real support, because the links above I’ve found them by Google already …

    Plugin Contributor James Huff

    (@macmanx)

    Volunteer Moderator

    Custom code is outside the scope of what we’re able to offer in support here.

    We’ve listed some starting points, but if you need someone to carry them along to fruition, we recommend hiring someone from https://jetpack.pro/

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Jetpack Lazyload function’ is closed to new replies.