WEB SYSTEMS PRO
Platforma e-commerce

Opóźnione ładowanie zdjęć - instrukcja do szablonu «Mastershop»

Instrukcje opóźnionego ładowania zdjęć na stronie.

Aby użyć opóźnionego ładowania obrazów w treści, użyj poniższego kodu:

<img class="js-image-lazy" src="/wa-data/public/site/themes/mastershop/img/lazy-image.png" data-src="ścieżka do obrazu" />


Opóźnionego ładowania lepiej nie stosować do obrazów, które ładują się na pierwszym ekranie strony, aby uniknąć przesunięcia treści podczas wyświetlania strony. 

Do opóźnionego ładowania w zakładkach, oknach pop-up lub w treści ze spoilerem, użyj innej instrukcji.