v1.6-v1.7 Lazy loading module V1.0.2

[Coolt]

- This module is used to lazy load product images.
- Compatible with all themes of Prestashop 1.6 and Prestashop1.7
- It helps dramatically to improve website pages loading and it reduces your bounce rate.
Result: Good website experience and SEO improvement.

----------------------------------------------------

Installation on Prestashop 1.7​

1. Download the module, install it from BO > Modules page.
2. Edit the \themes\yourtheme\templates\catalog\_partials\miniatures\product.tpl file.

1 2	"> <img src = "{$product.cover.bySize.home_default.url}"

By this one:

1 2 3

is_stlazyloading"> <img src="{$stlazyloading.img_prod_url}{$stlazyloading.lang_iso_code}-default-home_default.jpg" class="stlazyloading_holder" width="{$product.cover.bySize.home_default.width}" height="{$product.cover.bySize.home_default.height}" alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name}{/if}" /> <img data-src = "{$product.cover.bySize.home_default.url}" class="stlazyloadthis"

Installation on Prestashop 1.6​

1. Download the module, install it from BO > Modules page.
2. Edit the \themes\yourtheme\product-list.tpl file.
   

   1	is_stlazyloading

   1	<img src="{$img_prod_dir}{$lang_iso}-default-home_default.jpg" class="stlazyloading_holder" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

   1	stlazyloadthis

   1

   data-

   
3. Add this code to the bottom part of the reloadContent function in the \themes\yourtheme\js\modules\blocklayered\blocklayered.js file.
   

   1 2	if (typeof(stlazyloading) == 'function') stlazyloading($('img.stlazyloadthis'));

   

Troubleshot​

If you get a message like this "en-default-home_default.jpg can not be load".
Regenerating home_default image type thumbnails for products can fix the problem.

 

[freiserk]

Free download here:

Free Prestashop lazy loading module for product images

Free PrestaShop lazy loading module for product images. This module is compatible with all PrestaShop 1.6 and prestashop 1.7. This free module would speed your site up a lot.

www.sunnytoo.com

 

[Coolt]

Yes, but it's not free for free!! It's free for testing purposes. Be sure that it will be deleted from the website owner after some months, and it will be a paid module. This is the system of pretashop developpers in general.
So the correct method is to upload the file here.

 

[momidit521]

wow!!! grazie

 

[antoinev]

thanks

 

[amir_561]

thanx

 

[x50902Ty]

i think it is not work in most theme ,because lazy js was not support by it.jquery have problem.

 

[Coolt]

It works fine i tested it with 3 themes.

 

[HMC]

not working with my theme

 

[Coolt]

After installation you must put codes in the correct files listed in the 1st comment.

 

[juanpablo7]

thank anyway...

 

[as1mavi]

tnx

 

[vass4ov82]

Works on 1.7.8 .. with some awkward space between all product-tab modules.

Yes, but it's not free for free!! It's free for testing purposes. Be sure that it will be deleted from the website owner after some months, and it will be a paid module. This is the system of pretashop developpers in general.
So the correct method is to upload the file here.

All you need to use the module is already on your server - php, css and two js files

 

[mo1373]

thnx fo this free stuffffffffffffffffffff

 

[ricardo123]

Thank you very much! This is very useful module!