Обновления и новости

Добавлена платежная система Hutko (с поддержкой множества языков, валют и способов оплаты).

Hotlst.biz улучшает загрузку скриптов: уход от $.getScript

Команда Hotlst.biz оптимизировала работу JavaScript на платформе, заменив $.getScript на динамическое создание элементов <script> через чистый JavaScript.

Ранее скрипт подгружался так:

$(function(){
if ($(".hotengine-shop-products-add-count-spinner").length){
         if(typeof $hotengine_shop_product_count_spinner == "undefined"){
		        $.getScript("/templates/scripts/hotengine-script-shop-product-count-spinner.js?v33").fail(function(jqxhr, settings, exception) { console.error("Failed to load script: ", exception);
                });
		 }
} 
});

Теперь используется другой подход:

$(function(){
    if ($(".hotengine-shop-products-add-count-spinner").length){
        if (typeof $hotengine_shop_product_count_spinner == "undefined"){
            const s = document.createElement("script");
            s.async = true;
            s.src = "/templates/scripts/hotengine-script-shop-product-count-spinner.js?v34";
            s.onerror = (e) => { console.error(`Failed to load script: ${s.src}`, e); };
            document.head.appendChild(s);
        }
    }
});

Почему это рекомендуется:

• Не требуется jQuery, меньше зависимостей.
• Контроль за повторной загрузкой: скрипт вставляется один раз.
• Асинхронная загрузка улучшает производительность без блокировки страницы.
• Простой и предсказуемый обработчик ошибок через onerror.
• Код более современный и совместимым с чистым JavaScript.

Добавлена загрузка разновидностей товаров через Ajax + JSON

На Hotlist.biz реализован новый способ отображения разновидностей товаров в списке — загрузка на лету с использованием технологий Ajax и JSON. Это позволяет значительно снизить нагрузку на сайт и ускорить первоначальную загрузку страницы.

Теперь варианты товаров могут подгружаться динамически: при нажатии на кнопку «Купить» / «Выбрать» или при наведении курсора мыши. Такой подход не создаёт дополнительной серверной нагрузки и оптимален для большинства магазинов с большим ассортиментом.

Важно: также доступен платный метод, при котором разновидности товаров отображаются сразу в списке товаров. Этот вариант требует оплаты расширенной выгрузки, так как увеличивает нагрузку на сайт за счёт постоянной загрузки всех вариантов.

При использовании Ajax-загрузки необходимо учитывать, что в товарных слайдерах и виджетах с динамической прокруткой возможны сложности с корректным отображением вариантов. Поэтому данный способ рекомендуется применять при стандартном просмотре списка товаров, а не внутри слайдеров или товарных виджетов.

На Hotlist.biz добавлено тестирование отправки сообщений на Viber и Telegram

Теперь вы можете протестировать отправку уведомлений через Viber и Telegram прямо с панели управления.
Также появилась возможность удалять подписчиков без необходимости менять ключ доступа.

Новая возможность: конвертация изображений в WebP

На платформе SAAS Hotlist.biz добавлена функция конвертации изображений при загрузке товаров в формат WebP. Этот формат обеспечивает более быстрое отображение и лучшее сжатие изображений, что рекомендуется для оптимизации скорости сайта.

Конвертация доступна как при ручной загрузке товаров, так и при автоматическом импорте. Для включения конвертации достаточно установить галочку «Конвертировать в Webp» при загрузке изображений.

Теперь ваши товары будут загружаться в современном формате изображений без необходимости предварительно конвертировать файлы, что ускоряет работу сайта и повышает удобство для пользователей.

В главном меню появилась возможность выбора производителей

Теперь в виджете главного меню доступен новый функционал — выпадающий список производителей. Это позволит быстрее выбирать нужный бренд и переходить напрямую к его товарам.

Добавлена возможность устанавливать маленькую иконку для Категорий, Производителей и Коллекций магазина

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

• Маленькие иконки из встроенной библиотеки — доступны цветные и однотонные (маскированные) SVG;
• Для однотонных SVG можно задавать собственный цвет (через CSS/атрибут или через интерфейс настроек);
• Поддерживается загрузка своих файлов в форматах SVG, WEBP, PNG, JPG;

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

Добавлена возможность устанавливать иконки в главном меню

Теперь в главном меню можно добавлять иконки — несколько вариантов на выбор, чтобы легко настроить внешний вид и улучшить восприятие пунктов меню:

• Иконки из встроенной библиотеки — есть как цветные, так и одноцветные (маскированные) SVG;
• Для одноцветных SVG можно задать собственный цвет (через CSS/атрибут или интерфейс настройки);
• Загрузка своих иконок поддерживается в форматах SVG, WEBP, PNG, JPG;

Это даёт гибкость: используйте готовые цветные иконки для быстрого результата, или одноцветные SVG — если нужно единообразие и возможность менять цвет под тему сайта.

Добавлен Scroll-режим в виджет категорий и производителей

В платформу внедрён новый режим горизонтальной прокрутки для виджета «Категории» и «Производители». Режим активируется автоматически, если в виджете указан параметр :scroll-9999, который задаёт максимальную ширину экрана для включения прокрутки (если фактическая ширина меньше указанной — режим включается).

Если ширина экрана меньше заданной:

• Виджет автоматически переходит в режим горизонтальной прокрутки;
• Ширина блоков категорий/производителей вычисляется с учётом padding и margin по всей цепочке контейнеров;
• На ПК работает drag-scroll;
• Если в параметре указан второй аргумент (:scroll-9999x3), включается пагинация с указанным количеством точек (в данном примере — 3).

Если ширина экрана больше указанного значения:

• Scroll-режим полностью отключается;
• Макет возвращается к стандартному отображению;
• Пагинация (точки переключения) удаляется.

Как включить Scroll-режим

1. В генераторе виджетов категорий или производителей укажите параметр:
   :scroll-9999 — ширина экрана, меньше которой включается прокрутка.
2. При необходимости добавьте количество точек пагинации через второй параметр:
   :scroll-9999x3 — число «3» включает пагинацию с тремя точками.
3. Скрипт автоматически активируется при загрузке страницы.

Пример HTML (генерируется автоматически)

<div class="hotengine-categories-list"
     data-scroll-width="9999"
     data-scroll-pagination="3">
    ...
</div>

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

Добавлена дополнительная защита от спама

В систему отправки сообщений внедрён новый уровень защиты от спама. Теперь проверка выполняется не только по наличию ссылок, запрещённых слов и выражений, но и по совпадению текста с ранее отправленными письмами.

Если система обнаруживает повторяющиеся или полностью идентичные сообщения, они автоматически помечаются как спам. Это позволяет значительно повысить точность фильтрации и предотвратить массовые повторные рассылки.

Добавлен HTML Widget с вкладками (полностью на HTML без JavaScript)

На платформе Hotlist.biz появился новый HTML Widget с вкладками. Этот виджет работает без дополнительных скриптов и позволяет организовать несколько вкладок внутри блока.

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

Обновление виджета с товарами: динамический режим «append»

При использовании Виджета с товарами, В режиме :append (добавление товаров в конец списка при нажатии «Показать ещё») добавлена новая возможность: теперь блок с товарами может автоматически менять режим отображения в зависимости от ширины экрана.

При этом:

• На мобильных устройствах и экранах меньшей ширины блок может переключаться в режим scroll или swipe с ограниченной шириной и прокруткой товаров.
• На больших экранах продолжает работать стандартный режим :append, добавляющий товары в конец списка.

Режим :append активируется по параметрам, например :append-900x9999, где:

• 900 — минимальная ширина экрана (в пикселях), с которой включается функция;
• 9999 — максимальная ширина экрана (опционально), до которой функция работает.

Если указан только первый параметр, например :append-900, функция будет активна для экранов шириной от 900px и выше.

Теперь режим append стал более гибким и адаптивным для мобильных, сохраняя удобство добавления товаров и визуальное оформление виджета.

Добавлен функциональный блок «С товаром покупают»

Новый JavaScript для динамического создания «Виджета с товарами»

Пример №1 — Сопутствующие товары в корзине («С товаром покупают»)

Пример №2 — Сопутствующие товары после добавления в корзину

На платформе Hotlist.biz добавлено управление блоками с дополнительными товарами

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

Блок «С товаром покупают» — Сопутствующие товары

Для блока сопутствующих товаров добавлены новые параметры отображения. Теперь можно выбрать один из следующих форматов:

• Стандартный список — с возможностью подгрузки товаров при нажатии на кнопку «Показать ещё».
• Стандартный слайдер — классический формат прокрутки товаров стрелками.
• Слайдер со свайп-эффектом — современный способ прокрутки товаров с помощью мыши или касания.
• Скролл-режим — новый удобный формат с горизонтальной прокруткой и догрузкой товаров внутри блока без изменения его ширины (все товары выстраиваются в одну строку).

Дополнительно для всех режимов, кроме первого (Стандартный список с кнопкой), можно включить опцию «Автоширина» — товары автоматически подстраиваются под доступное пространство. Также можно задать количество товаров для первого отображения (по умолчанию — 20).

Нижний блок — другие товары из категории

Для нижнего блока теперь доступна гибкая настройка эффектов отображения. Можно включить все режимы, кроме Стандартного списка с кнопкой «Показать ещё». Также добавлена возможность активировать эффект скролла.

При использовании скролл-режима можно включить пагинацию, где задаются:

• Начальное количество точек — количество страниц, отображаемых при загрузке блока.
• Количество добавляемых точек — точек перемотки, которые появляются при прокрутке товаров вперёд. Например, если пользователь прокрутил 6 раз вперёд и товары доступны, то появится 6 точек навигации.

Новые настройки позволяют создавать современный, динамичный и удобный интерфейс витрины, повышая вовлечённость и конверсию пользователей.

Новая функция в виджете товаров — пагинация.

Мы рады сообщить о добавлении новой функции в виджет отображения товаров — постраничная навигация (Pagination). Теперь вы можете управлять отображением блоков товаров с помощью точек, которые показывают текущую страницу и позволяют быстро переходить между страницами.

Как работает

• Если пагинация не указана, точки отключены и блок работает как раньше.
• Если указано одно число или два через запятую, пагинация включается:
  • Первое число — количество точек по умолчанию;
  • Второе число — максимальное количество точек, которые будут добавляться при подгрузке товаров.

Пример параметра

:scroll-768x8x64x3,3

• 768 — минимальная ширина экрана, меньше которой активируется функция;
• 8 — количество товаров, загружаемых при одной подгрузке;
• 64 — максимальное общее количество товаров (0 — без ограничений);
• 3 — количество точек по умолчанию в пагинации;
• 3 — максимальное количество точек, добавляемых при подгрузке (можно оставить пустым, если не требуется).

Применение

1. Параметр можно указать при создании виджета с товарами.
2. Пагинация работает только при включенном режиме scroll.
3. Если указаны параметры :append или :carousel, пагинация не будет активна.
4. Для мобильных устройств функция удобно имитирует Swipe и не занимает лишнее место.

Обновлен способ автозамены при импорте товаров

На Hotlist.biz обновлён механизм автозамены при импорте товаров. Теперь вы можете более гибко управлять заменой данных при импорте.

Что нового:

• Можно разделять поля по типу для замены.
• Поддержка нескольких типов автозамены одновременно.
• Простая интеграция с существующими настройками импорта.
• Массовое добавление значений (можно вставить из Excel).
• Обновлённый интерфейс для управления заменами в таблице товаров.

Преимущества:

• Сокращение времени на подготовку данных для импорта.
• Меньше ошибок при массовом обновлении товаров.
• Гибкая настройка автозамены для разных категорий, производителей и атрибутов.

Обновление уже доступно всем пользователям. Чтобы воспользоваться новыми возможностями, просто перейдите в раздел импорта товаров и настройте автозамену по новым правилам.

Расширенная демонстрация «Виджета с товарами»

Мы рады сообщить, что теперь доступна расширенная демонстрация работы «Виджета с товарами»! Вы можете подробно ознакомиться с возможностями виджета, посмотреть различные варианты отображения товаров и настроить блок под свои нужды.

Ознакомиться с демонстрацией можно по ссылке: Расширенная демонстрация «Виджета с товарами»

Добавлен Scroll функция в Виджет с товарами

Мы представляем обновленный способ отображения товаров в виджетах магазина — теперь стандартный блок со списком товаров можно заменить на скролл-блок с прокруткой и автозагрузкой следующих товаров.

Как работает новая функция:

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

Настройка блока:

Блок с товарами заменяется при указанных параметрах, например: :scroll-768x8x64, где:

• 768 — минимальная ширина экрана, при которой активируется функция;
• 8 — количество товаров, загружаемых за одну подгрузку;
• 64 — максимальное количество товаров в блоке (0 — без ограничений).

Рекомендации по использованию:

• Включите :auto_width — автоширина, чтобы количество отображаемых карточек автоматически подстраивалось под ширину блока.
• Включите :swipe — Swipe эффект для удобной прокрутки пальцем или мышью.
• Включите :scroll-768x8x64 — замена стандартного отображения на блок с прокруткой товаров на мобильных устройствах, чтобы экономить место и убрать кнопки перемотки.
• Включите :lazy-0 — ускоренная загрузка изображений карточек товаров для более быстрой работы страницы.

Преимущества для пользователя:

• Экономия пространства на мобильных устройствах.
• Плавная прокрутка товаров с автозагрузкой.
• Возможность автоматически подстраивать количество карточек под ширину экрана.
• Совместимость с существующими стилями и скриптами виджетов.

С этой новой функцией ваши виджеты станут ещё удобнее и современнее, а просмотр товаров — более интерактивным и быстрым.

Добавлен эффект свайпа для блоков товаров и статей.

Теперь в наших виджетах товаров доступен эффект свайпа, который активируется при помощи кода :touch в настройках блока.

• Листайте товары свайпом пальцем на мобильных устройствах или мышью на десктопе.
• Плавная анимация прокрутки без “залипания” и случайных срабатываний.
• Учитывает кнопки корзины, фавориты, спиннеры и ссылки — свайп не мешает их использованию.
• В момент свайпа отключается выделение текста и hover-эффекты для удобства пользователей.

Пример: