Lazy Load (Postupné načítání obrázků)

Modul sloužící k postupnému načítání obrázků v kategorii (výpis produktů), což snižuje prvotní čas načítání webu.

Kromě tohoto modulu je v ceně i úprava, která souvisí s nutností ruční úpravy na Vašem ftp. Modul bez úpravy nebude fungovat správně, je nutno zasáhnout ručně do jednoho TPL souboru v PrestaShopu - z tohoto důvodu je nutné doposlat i FTP přístupy na web, aby bylo možno modul úspěšně zprovoznit.


Případně si tuto úpravu můžete provést i sami, jedná se pouze o 1 drobnou úpravu.

PS 1.6

/themes/NAZEV_SABLONY/product-list.tpl

PŘED (příklad z defaultní šablony, u Vás bude kód obdobný):

PO (tučně vyznačená část se změnila):

src="/modules/shaim_lazyload/ajax-loader.gif" data-original="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" title="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} itemprop="image" />

PS 1.7

/themes/NAZEV_SABLONY/templates/catalog/_partials/miniatures/product.tpl

PŘED (příklad z defaultní šablony, u Vás bude kód obdobný):

<img
src="{$product.cover.bySize.home_default.url}"
alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
data-full-size-image-url="{$product.cover.large.url}"
/>
a>

PO (tučně vyznačená část se změnila):

<img
src="/modules/shaim_lazyload/ajax-loader.gif" data-original="{$product.cover.bySize.home_default.url}"
alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
data-full-size-image-url="{$product.cover.large.url}"
/>
a>