linkLazy load изображений

Модуль разработан, чтобы экономить трафик и ресурсы сервера, в то время как увеличить работоспособность сайта и ускорить загрузку элементов страницы. Настройки Загружать изображения выше/ниже и левее/правее экрана позволяют отложенно загружать изображения во время пребывания пользователя на одном месте продолжительное время. То есть, пока пользователь читает описание товара или смотрит видео о товаре, система отложенно загружает изображения, находящиеся за пределами текущей области просмотра.

Модуль совместим со следующими Темами:

• YoupiTheme (совместимых с соответствующей версией CS-Cart);
• UniTheme2 (совместимых с соответствующей версией CS-Cart);
• Responsive.

Общие условия технической поддержки доступны по этой ссылке (обязательно изучите эти условия, все решения от команды разработчиков AlexBranding поставляются с ограниченной технической поддержкой).

Для того, чтобы воспользоваться нашей технической поддержкой, выполняйте следующую последовательность действий:

1. На сайте https://cs-cart.alexbranding.com авторизуйтесь под своей учетной записью владельца заказа;
2. Перейдите на страницу Мой профиль → Заказы;
3. Найдите соответствующий заказ с решением (по которому у Вас есть проблема) в списке заказов и перейдите к его деталям;
4. Найдите ссылку Техническая поддержка рядом с названием модуля (по которому вам необходима помощь) и нажмите ее;
5. Заполните данные с проблемой, предоставьте доступы к Вашей установке (обязательно путь к административной панели, почту и пароль администратора + FTP доступы) и создайте тикет (после того, как будет создан тикет, Вы получите письмо на e-mail и специальный код для отслеживания тикета в дальнейшем);
6. Ожидайте ответ специалиста (на электронную почту владельца заказа с темой) в соответствии с регламентами работы службы техподдержки и выбранным Вами приоритетом решения.

Если Вы не получили ответ в течении сроков, обозначенных в регламентах, напишите на почту info@alexbranding.com с номером тикета, по которому вовремя не получили ответ, и менеджер команды разработчиков решит проблему с соблюдением регламентов.

Протестировать работу модуля, с доступом к административной панели магазина, Вы сможете на нашем сервере Демо решений для CS-Cart от Alexbranding выбрав его в списке Модулей или просто перейдите по ссылке.

Рекомендуем ознакомиться с общими ограничениями:

1. Все модули и решения команды AlexBranding требуют предварительной установки сервисного модуля AB: Менеджер Модулей. Он поставляется бесплатно и отвечает за вопросы: установки, обновления, лицензионной проверки модулей. Исключить использование этого сервисного модуля не представляется возможным;
2. Файлы модуля могут иметь закрытую (закодированную) часть, в которой находится исключительно проверка лицензии;
3. Модуль будет работать только на тех доменах, которые указаны в лицензии пользователя. При попытке использования решения на установках CS-Cart, домены которых не включены в лицензию, модуль будет автоматически выключен;
4. Установка локально не допускается системой лицензирования, чтобы модуль работал на дополнительном домене (поддомене) укажите этот домен (поддомен) в поле Домен при заказе (или напишите на info@alexbranding.com) — добавление технических доменов для разработчика или для тестирования — бесплатно.

После того, как Ваш заказ будет обработан нашим менеджером, он будет переведен в состояние Выполнен, Вы получите письмо на Ваш почтовый ящик с номерами лицензий заказанных модулей (обычно это требует от 15 минут до 8 часов в зависимости от времени суток и дня недели).

Далее выполняйте следующую последовательность действий, которая отличается в зависимости от вашей версии платформы CS-Cart:

Также, Вы можете установить модуль стандартной установкой для CS-Cart. Для этого, скачайте соответствующий архив с совместимой с Вашей версией платформы CS-Cart версией модуля.
Перейдите на сайт cs-cart.alexbranding.com, авторизуйтесь под учетной записью владельца заказа и перейдите в Мой профиль → Заказы → Соответствующий заказ, перейдите в его детали и Вы увидите список доступных архивов для заказанного модуля. Скачайте необходимую Вам версию (архив) и произведите установку (стандартная для CS-Cart установка: Модули → Скачанные модули и в меню шестерёнки выберите Ручная установка).

Для доступа к настройкам модуля необходимо перейти на страницу Панель администратора → Модули → Скачанные модули и у названия модуля выбрать соответствующий пункт меню.

Режим работы JS подразумевает использование библиотеки lazysizes для реализации отложенной загрузки изображений.
Встроенный режим использует штатный атрибут loading="lazy". В то же время для отложенной загрузки фоновых изображений будет использована библиотека lazysizes. Этот режим игнорирует значение настроек ниже.

Настройки модуля позволяют отложенно загружать изображения во время пребывания пользователя на одном месте продолжительное время. Например, настройка Загружать изображения левее/правее экрана позволяет отложенно загружать изображения в мини-иконках в виде галереи на странице категории. Таким образом, пролистывая мини-иконки галереи, пользователь не заметит загрузку последующих изображений. Чем больше значение Вы задаёте у настройки, тем большее количество изображений будут отложенно загружаться в галерее.

Настройка Загружать изображения выше/ниже экрана работает аналогично. Вы сами устанавливаете порог отложенной загрузки во время пребывания пользователя на странице. Чем больше значение указано в настройке, тем большее количество изображений будут отложенно загружаться на странице.

Обратите внимание, что логотип не имеет отложенной загрузки.

Для того, чтобы функционал модуля AB: Lazy load изображений работал на темах UniTheme2 и YoupiTheme, в обязательном порядке активируйте настройку темы Использовать отложенную загрузку изображений, которая расположена на странице Панель администратора → [Тема] → Общие настройки темы → вкладка "Общие".

Для того, чтобы использовать отложенную загрузку изображений (в своем контенте или же в модулях третьих сторон при использовании их в темах от Alexbranding), используйте представленную ниже конструкцию, как пример:

Для темы UniTheme2

<p><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="path_to_image">
</p>

Для темы YoupiTheme

<p><img class="lazyload" src="{$smarty.const.ABT__UT2_LAZY_IMAGE}" data-src="path_to_image">
</p>