Более 200 модулей для CS-Cart по единой подписке за 3 000 ₽ в месяц

Отложенная загрузка изображений

Увеличивает скорость загрузки страниц сайта, уменьшает потребление ресурсов пользователя за счет улучшенного алгоритма загрузки изображений на сайте.
Укажите домен без http и слешей. Пример: domain.com
По подписке 5 100 
Написать отзыв
Последняя версия модуля Обновлено:
Есть вопросы по модулю? Напиши нам: HelpDesk Bot

Модуль ускоряет загрузку страниц вашего магазина и снижает потребление трафика за счёт отложенной загрузки изображений. Картинки подгружаются по мере прокрутки, что особенно важно для каталогов с большим количеством товаров.

Основные возможности

  • Подключение библиотек intersection-observer и vanilla-lazyload
  • Добавление атрибутов data-src и data-srcset к изображениям
  • Подмена шаблонов карточек и баннеров через overrides
  • Плейсхолдер для изображений без src

Как работает

Модуль подменяет шаблоны вывода изображений, добавляя класс csc-lazy и откладывая загрузку до момента появления картинки в зоне видимости. Можно использовать CDN-библиотеки или локальные скрипты из модуля.

Где находится

Модули → Управление модулями → Lazy images — настройка источника библиотек (CDN или локальные).

Продукт:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Назначение:
  • Владельцам
Архитектура
:
  • Backend
  • Frontend
Локализации:
  • English
  • Русский
Совместимость:
  • 4.18.X
  • 4.17.X
  • 4.16.X

Установка

Модуль устанавливается через Модули → Управление модулями.

Настройка

В настройках модуля выберите источник библиотек:

  • Использовать внешнюю js библиотеку (lib_use = Y) — загрузка с CDN
  • Снять галочку — использование локальных скриптов из js/addons/csc_lazy_images/lib/

Как пользоваться

После активации модуль работает автоматически. Изображения на витрине загружаются при прокрутке страницы.

Проверка

Откройте категорию или карточку товара, прокрутите страницу — изображения должны подгружаться по мере появления в зоне видимости.

Основные файлы

  • design/themes/responsive/templates/addons/csc_lazy_images/hooks/index/scripts.post.tpl — инициализация LazyLoad
  • design/themes/responsive/templates/addons/csc_lazy_images/hooks/products/product_image_object.override.tpl — замена src на data-src
  • js/addons/csc_lazy_images/lib/ — локальные библиотеки

v1.2.0

от 17.03.2026

Изменено:

  • [*] Обновлен шаблон модуля

Исправления ошибок:

  • [!] Исправлено искажение логотипа и иконок
  • [!] На главной странице не отображаются изображения брендов. Исправлено

v1.1.1

от 06.03.2024

Новые возможности и улучшения:

  • [+] Добавлено ограничение стилями размера ширины и высоты изображения

v1.1.0

от 06.03.2024

Новые возможности и улучшения:

  • [+] Возможность выбирать откуда загружать js библиотеку

v1.0.3

от 11.12.2023

Изменено:

  • [*] Изменены короткие теги <? на обычные <?php
  • [*] Стандартизация модуля

v1.0.2

от 12.05.2023

Изменено:

  • [*] Лицензирование

Обозначения:

[+] Добавлено | [-] Удалено | [*] Изменено | [!] Исправлена ошибка

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