Over 200 add-ons available under a single subscription for $40 per month!
Read More
Submit a request
Images lazy load, image

Images lazy load

Increases the speed of loading pages of the site, reduces the consumption of user resources due to the improved algorithm of loading images on the site.
Please enter a valid addres(es) of the shop where you are going to use the add-on.
By subscription 5 100 ₽

Request a trial version

Write a review
Latest module version Updated:
Have questions about the module? Write to us: HelpDesk
Images lazy load, image
Images lazy load, image , 2 image
Images lazy load, image , 3 image

The addon speeds up your store pages and reduces traffic consumption by lazy-loading images. Images load as the user scrolls, which is especially useful for catalogs with many products.

Key features

  • Integration of intersection-observer and vanilla-lazyload libraries
  • Adding data-src and data-srcset attributes to images
  • Overriding product and banner templates
  • Placeholder for images without src

How it works

The addon overrides image output templates, adds the csc-lazy class and defers loading until the image enters the viewport. You can use CDN libraries or local scripts from the addon.

Where to find

Add-ons → Manage add-ons → Lazy images — configure the library source (CDN or local).

Product:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Recipient:
  • Owners
Development
:
  • Backend
  • Frontend
Localization:
  • English
  • Русский
Compatible versions:
  • 4.18.X
  • 4.17.X
  • 4.16.X

Installation

Install the addon via Add-ons → Manage add-ons.

Configuration

In addon settings choose the library source:

  • Use external js library (lib_use = Y) — load from CDN
  • Uncheck — use local scripts from js/addons/csc_lazy_images/lib/

Usage

After activation the addon works automatically. Storefront images load as the user scrolls.

Verification

Open a category or product page, scroll down — images should load as they enter the viewport.

Key files

  • design/themes/responsive/templates/addons/csc_lazy_images/hooks/index/scripts.post.tpl — LazyLoad initialization
  • design/themes/responsive/templates/addons/csc_lazy_images/hooks/products/product_image_object.override.tpl — src to data-src replacement
  • js/addons/csc_lazy_images/lib/ — local libraries

v1.2.0

от 17.03.2026

Changed:

  • [*] Module template updated

Bug fixes:

  • [!] Fixed logo and icon distortion
  • [!] Brand images not displaying on homepage. Fixed

v1.1.1

от 06.03.2024

New features and improvements:

  • [+] Added style constraints for image width and height

v1.1.0

от 06.03.2024

New features and improvements:

  • [+] Option to choose js library source

v1.0.3

от 11.12.2023

Changed:

  • [*] Replaced short tags <? with <?php
  • [*] Module standardization

v1.0.2

от 12.05.2023

Changed:

  • [*] Licensing

Legend:

[+] Added | [-] Removed | [*] Changed | [!] Bug fix

Reviews
Anonymous
У модуля есть недостатки: 1. Нельзя отключить отложенную загрузку логотипа. 2. Иконки Брендов пропадают на главной странице "Популярные бренды"
Similar add-ons