Image Lazy Loader for the product listing page

delia:

Done - https://github.com/wiztechinc/zc-lazy-loader

Thanks.. will work on this tomorrow..

delia:

Done - https://github.com/wiztechinc/zc-lazy-loader

Pull request submitted..

Hi all

I realise that this thread is quite old and with the current version (1.1) of the Lazy Load plugin very few people are facing the same problem, but I am trying to integrate the current version of the Lazy Load plugin into Zen cart 1.3.9h (which I'm still using for reasons I won't go into at present), I have seen that it should work for previous versions of Zen cart but I can't find the additional file modifications that need to be made, I'm pretty sure that product_listing.php will require some modification but are there any other files and what will the modifications be, hoping someone in the know can fill in the blanks for me? Thank you in advance for any help.

I have this working on ZC v1.5.5f, not sure about the compatibility with your version though. I just follow the instructions in the readme.txt. From memory - the only thing to be careful with is the modification of the /modules/your_template/product_listing.php file.

That's exactly what I have done, with all the versions of Lazy Loader I could find, I even pulled the Master from Github, but none of them seem to be backwards compatible as far as my now ancient 1.3.9h, but thanks for your help/advice none the less Simon.

I've seen these, which they say are compatible with 1.3.9

https://zencart.codes/index.php?main_page=product_info&products_id=32
https://zencart.codes/index.php?main_page=product_info&products_id=48

Thank again for that Simon, I had already seen the first one in the list but not the echo image load version, must have glossed over that by mistake as I actually have a zen cart codes account, I will give the echo version a try and let you know the results, once again thank for your help.

One thing I've found with some mods that use javascript is that there is sometimes a conflict with other jscript files loaded on the site. Usually it's because of the order in which they've been loaded. If the 'Echo' mod doesn't work - would suggest you remove all but the lazy loader jscript files and see if that works, if so add them back one by one to see where the conflict is.

The Echo mod is working right out of the box, thanks again for all your help on this Simon.

simon1066:

I have this working on ZC v1.5.5f, not sure about the compatibility with your version though. I just follow the instructions in the readme.txt. From memory - the only thing to be careful with is the modification of the /modules/your_template/product_listing.php file.

Hi Simon,
Have you by any chance used this plugin on any of your 1.5.7c sites?
If yes, did you do anything to update it or alter it?
I am looking at making my mobile site load quicker and Google advised something like this would be good.

rlexyd:

Hi Simon,
Have you by any chance used this plugin on any of your 1.5.7c sites?
If yes, did you do anything to update it or alter it?
I am looking at making my mobile site load quicker and Google advised something like this would be good.

I do have this working on a ZC v1.57c site. I'm not the best at making notes so am not sure if I had to tweak it.

Edit: actually I don't think I'm using the lazy loader referenced in this thread. I'll have to go through my plugin backups to identify the actual one.

Ok thanks, will give it a go on my test site and see how it goes.

simon1066:

I do have this working on a ZC v1.57c site. I'm not the best at making notes so am not sure if I had to tweak it.

Edit: actually I don't think I'm using the lazy loader referenced in this thread. I'll have to go through my plugin backups to identify the actual one.

Contrary to my edit, I am indeed using the plugin in this thread.

Thanks, so you see much difference when doing the Google light house test?

rlexyd:

Thanks, so you see much difference when doing the Google light house test?

I haven't really compared speeds using Lighthouse but as it reduces the number of images loaded on the initial page visit then it will always make a positive difference, how much of a difference will depend on the number of products you are showing on the product listing page (admin > configuration > maximum values > Products Listing- Number Per Page) and the size of those images.

Because I have this plugin I tend to set that value to a high number to reduce (or eliminate) the number of prev/next pages the customer has to navigate.

Does this not work on "Show All Products" page?

ZC 1.5.0 with 1.5.1 cache maria db 10.x nginx jquery 2.2.4 min

Hi Dear Zen Cart folks,

been sick for a long time but now feeling little better and tried to improve one old site to make it load faster with lazy loader.

I used Diva vocals addons and lazy loading works fine on all pages but checkout_confirmation aka. last step fails. This is related to lazyloader script but there is no error messages on chrome dev tools so I am a bit clueless what could be going wrong. On checkout process there is an submitonce() script added at some point but it has worked earlier fine.

Any help would be highly appreciated to haunt this bug down,

OopsIbrickedIT:

ZC 1.5.0 with 1.5.1 cache maria db 10.x nginx jquery 2.2.4 min

Hi Dear Zen Cart folks,

been sick for a long time but now feeling little better and tried to improve one old site to make it load faster with lazy loader.

I used Diva vocals addons and lazy loading works fine on all pages but checkout_confirmation aka. last step fails. This is related to lazyloader script but there is no error messages on chrome dev tools so I am a bit clueless what could be going wrong. On checkout process there is an submitonce() script added at some point but it has worked earlier fine.

Any help would be highly appreciated to haunt this bug down,

Not strictly an answer to your query but,

I used to use the Lazy Loading plugin but have now switched to the native lazy loading supported by the majority of browsers, saving on the overhead created by the various files the plugin uses.

e.g. in includes/modules/your_template/product_listing.php find

class="listingProductImage"

and follow it with

loading="lazy"

Thank you Simon very much! I must in the future do the same. But now checkout is not working and the site is live so have to dig up what causes it quickly. Old templates and lots of merged files does not make it easy though for me.

OopsIbrickedIT:

...but checkout_confirmation aka. last step fails. This is related to lazyloader script but there is no error messages ...

What makes you think that the fail is 'related to lazyloader script'. If it is have you tried disabling LazyLoader?