- blog.hotlist.biz
- Обновления и новости платформы для создания интернет-магазинов Hotlist.biz
Добавлена возможность устанавливать маленькую иконку для Категорий, Производителей и Коллекций магазина
Помимо большой иконки (которая отображается внутри страницы при просмотре раскрытой категории), теперь доступна отдельная маленькая иконка. Она показывается во всех меню — в главном меню, в выпадающих списках и в мобильном меню:
- Маленькие иконки из встроенной библиотеки — доступны цветные и однотонные (маскированные) 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-режим
- В генераторе виджетов категорий или производителей укажите параметр:
:scroll-9999— ширина экрана, меньше которой включается прокрутка. - При необходимости добавьте количество точек пагинации через второй параметр:
:scroll-9999x3— число «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 стал более гибким и адаптивным для мобильных, сохраняя удобство добавления товаров и визуальное оформление виджета.
Добавлен функциональный блок «С товаром покупают»
В системе реализован новый функциональный блок — «С товаром покупают», предназначенный для отображения списка сопутствующих товаров, которые чаще всего приобретают вместе с выбранными позициями.
Товары в блоке формируются на основе содержимого корзины и данных из поля каждого товара «Сопутствующие товары».
Блок построен на основе модуля «Виджеты с товарами», что позволяет гибко управлять параметрами вывода и адаптировать его под любую часть сайта.
- Где показывать: любую секцию сайта — корзина, карточка товара, футер, сайдбар и т.д.
- Контроль вывода: количество и порядок товаров, фильтры по категориям и наличию.
- Формат отображения: список, галерея, слайдер или слайдер с Scroll-эффектом.
- Автоматизация: автоопределение связанных/сопутствующих товаров на основе данных каталога.
Рекомендуется использовать блок при просмотре корзины — это простой и эффективный способ предложить клиентам релевантные дополнения к их заказу и увеличить средний чек.
Установка происходит в разделе «Блоки/Меню» - «Добавить Блоки/Меню» - «Функциональное меню» - «Товары: Сопутствующие товары»
Новый JavaScript для динамического создания «Виджета с товарами»
На Hotlist.biz добавлен JavaScript, который позволяет создавать «Виджеты с товарами» динамически — прямо на странице, без необходимости размещать стандартный виджет вручную.
Теперь можно на лету подгружать списки товаров, применять параметры отображения, настраивать стили, размещать блоки в нужных областях страницы или во всплывающем окне, а также дополнять их интерактивными функциями.
Файл скрипта: /templates/scripts/hotengine-scripts-additional/hotengine-shop-products-list-generated.js
Подробная инструкция по применению: https://hotlist.biz/ru/scripts_guide.html#faq_shop_catalog_page_getproducts_list
С помощью этого скрипта можно быстро сформировать динамическое отображение товаров, используя параметры «Виджета с товарами» — задавая стили, лимиты, условия отбора по категориям и другие настройки.
Примеры оформления и визуальных вариантов представлены здесь: https://blog.hotlist.biz/ru/blog/instructions_ru/15053.htm
Скрипт имитирует работу стандартного «Виджета с товарами», обеспечивая полную совместимость с событиями и механизмами Hotlist — включая прокрутку товаров, стилизацию и способы отображения.
Пример №1 — Сопутствующие товары в корзине («С товаром покупают»)
С помощью скрипта можно реализовать блок «С товаром покупают», который автоматически подгружает сопутствующие товары, связанные с позициями, находящимися в корзине покупателя. Это эффективный инструмент для увеличения среднего чека и вовлечённости клиентов.Инструкция и пример настройки:
https://hotlist.biz/ru/scripts_guide.html#faq_shop_catalog_page_cart_bought_with
Загрузка блока может выполняться как во **всплывающем окне**, так и **в области контента страницы** — при этом можно указать, **за каким элементом** или **вместо какого элемента** должен отображаться список товаров.
Пример №2 — Сопутствующие товары после добавления в корзину
Также реализован пример интеграции с **Callback-функцией после добавления товара в корзину**: https://hotlist.biz/ru/scripts_guide.html#faq_callback_hotengine_cart_plus_afterПосле срабатывания события `hotengine_cart_plus_after` (добавление товара в корзину) автоматически открывается всплывающее окно, в котором показываются сопутствующие товары — с использованием того же скрипта hotengine-shop-products-list-generated.js.
Такое решение позволяет объединять разные сценарии взаимодействия с пользователем — показывать релевантные товары именно в момент, когда клиент готов к покупке, и тем самым усиливать эффективность магазина.
На платформе Hotlist.biz добавлено управление блоками с дополнительными товарами
Теперь в системе доступно полноценное управление блоками дополнительных товаров, что позволяет гибко настраивать их отображение и поведение прямо из панели администратора.
Блок «С товаром покупают» — Сопутствующие товары
Для блока сопутствующих товаров добавлены новые параметры отображения. Теперь можно выбрать один из следующих форматов:
- Стандартный список — с возможностью подгрузки товаров при нажатии на кнопку «Показать ещё».
- Стандартный слайдер — классический формат прокрутки товаров стрелками.
- Слайдер со свайп-эффектом — современный способ прокрутки товаров с помощью мыши или касания.
- Скролл-режим — новый удобный формат с горизонтальной прокруткой и догрузкой товаров внутри блока без изменения его ширины (все товары выстраиваются в одну строку).
Дополнительно для всех режимов, кроме первого (Стандартный список с кнопкой), можно включить опцию «Автоширина» — товары автоматически подстраиваются под доступное пространство. Также можно задать количество товаров для первого отображения (по умолчанию — 20).
Нижний блок — другие товары из категории
Для нижнего блока теперь доступна гибкая настройка эффектов отображения. Можно включить все режимы, кроме Стандартного списка с кнопкой «Показать ещё». Также добавлена возможность активировать эффект скролла.
При использовании скролл-режима можно включить пагинацию, где задаются:
- Начальное количество точек — количество страниц, отображаемых при загрузке блока.
- Количество добавляемых точек — точек перемотки, которые появляются при прокрутке товаров вперёд. Например, если пользователь прокрутил 6 раз вперёд и товары доступны, то появится 6 точек навигации.
Новые настройки позволяют создавать современный, динамичный и удобный интерфейс витрины, повышая вовлечённость и конверсию пользователей.
Новая функция в виджете товаров — пагинация.
Мы рады сообщить о добавлении новой функции в виджет отображения товаров — постраничная навигация (Pagination). Теперь вы можете управлять отображением блоков товаров с помощью точек, которые показывают текущую страницу и позволяют быстро переходить между страницами.
Как работает
- Если пагинация не указана, точки отключены и блок работает как раньше.
- Если указано одно число или два через запятую, пагинация включается:
- Первое число — количество точек по умолчанию;
- Второе число — максимальное количество точек, которые будут добавляться при подгрузке товаров.
Пример параметра
:scroll-768x8x64x3,3
- 768 — минимальная ширина экрана, меньше которой активируется функция;
- 8 — количество товаров, загружаемых при одной подгрузке;
- 64 — максимальное общее количество товаров (0 — без ограничений);
- 3 — количество точек по умолчанию в пагинации;
- 3 — максимальное количество точек, добавляемых при подгрузке (можно оставить пустым, если не требуется).
Применение
- Параметр можно указать при создании виджета с товарами.
- Пагинация работает только при включенном режиме
scroll. - Если указаны параметры
:appendили:carousel, пагинация не будет активна. - Для мобильных устройств функция удобно имитирует Swipe и не занимает лишнее место.
Обновлен способ автозамены при импорте товаров
На Hotlist.biz обновлён механизм автозамены при импорте товаров. Теперь вы можете более гибко управлять заменой данных при импорте.
Что нового:
- Можно разделять поля по типу для замены.
- Поддержка нескольких типов автозамены одновременно.
- Простая интеграция с существующими настройками импорта.
- Массовое добавление значений (можно вставить из Excel).
- Обновлённый интерфейс для управления заменами в таблице товаров.
Преимущества:
- Сокращение времени на подготовку данных для импорта.
- Меньше ошибок при массовом обновлении товаров.
- Гибкая настройка автозамены для разных категорий, производителей и атрибутов.
Обновление уже доступно всем пользователям. Чтобы воспользоваться новыми возможностями, просто перейдите в раздел импорта товаров и настройте автозамену по новым правилам.
Расширенная демонстрация «Виджета с товарами»
Мы рады сообщить, что теперь доступна расширенная демонстрация работы «Виджета с товарами»! Вы можете подробно ознакомиться с возможностями виджета, посмотреть различные варианты отображения товаров и настроить блок под свои нужды.
Ознакомиться с демонстрацией можно по ссылке: Расширенная демонстрация «Виджета с товарами»
Добавлен Scroll функция в Виджет с товарами
Мы представляем обновленный способ отображения товаров в виджетах магазина — теперь стандартный блок со списком товаров можно заменить на скролл-блок с прокруткой и автозагрузкой следующих товаров.
Как работает новая функция:
- Стандартный блок товаров заменяется на блок с прокруткой (имитация Swipe для мобильных устройств и удобная прокрутка мышью на десктопе).
- При достижении предпоследнего товара в списке автоматически подгружаются следующие товары, без перезагрузки страницы.
- Функция экономит место на экране и делает просмотр товаров более плавным и удобным.
Настройка блока:
Блок с товарами заменяется при указанных параметрах, например: :scroll-768x8x64, где:
- 768 — минимальная ширина экрана, при которой активируется функция;
- 8 — количество товаров, загружаемых за одну подгрузку;
- 64 — максимальное количество товаров в блоке (0 — без ограничений).
Рекомендации по использованию:
- Включите
:auto_width— автоширина, чтобы количество отображаемых карточек автоматически подстраивалось под ширину блока. - Включите
:swipe— Swipe эффект для удобной прокрутки пальцем или мышью. - Включите
:scroll-768x8x64— замена стандартного отображения на блок с прокруткой товаров на мобильных устройствах, чтобы экономить место и убрать кнопки перемотки. - Включите
:lazy-0— ускоренная загрузка изображений карточек товаров для более быстрой работы страницы.
Преимущества для пользователя:
- Экономия пространства на мобильных устройствах.
- Плавная прокрутка товаров с автозагрузкой.
- Возможность автоматически подстраивать количество карточек под ширину экрана.
- Совместимость с существующими стилями и скриптами виджетов.
С этой новой функцией ваши виджеты станут ещё удобнее и современнее, а просмотр товаров — более интерактивным и быстрым.
Добавлен эффект свайпа для блоков товаров и статей.
Теперь в наших виджетах товаров доступен эффект свайпа, который активируется при помощи кода :touch в настройках блока.
- Листайте товары свайпом пальцем на мобильных устройствах или мышью на десктопе.
- Плавная анимация прокрутки без “залипания” и случайных срабатываний.
- Учитывает кнопки корзины, фавориты, спиннеры и ссылки — свайп не мешает их использованию.
- В момент свайпа отключается выделение текста и hover-эффекты для удобства пользователей.
Пример:
templatedemo437544.hotlist.bizНовый параметр: отображение списка дочерних подкатегорий
На платформе Hotlist.biz добавлена новая функция — теперь вы можете управлять отображением дочерних подкатегорий и указывать количество отображаемых подкатегорий.
Этот параметр можно задать:
- 📂 В общих настройках во вкладке «Настройки Магазин → Категории»;
- 🛠️ Индивидуально для каждой категории магазина.
Теперь вы легко сможете контролировать, сколько подкатегорий показывать пользователям, делая интерфейс вашего магазина более удобным и наглядным.
Пример: если указать количество 10, то на странице категории будет показано только 10 дочерних подкатегорий, даже если их больше.
Используйте этот параметр, чтобы оптимизировать отображение категорий и улучшить навигацию по вашему магазину! 🌟
Добавлено изображение в разновидностях
На сайте добавлен новый параметр отображения изображения для разновидностей товаров. Теперь при выборе варианта товара рядом с каждым пунктом автоматически отображается соответствующая миниатюра, что делает процесс выбора более наглядным и удобным для пользователей.
Новая функция: разделение блока товаров на две части (при просмотре списка товаров).
Мы добавили возможность выводить блок товаров в списке в виде двух колонок: изображение с одной стороны, а текст и данные с другой. Такой формат позволяет создавать стиль отображения «Mosaic».
Доступные параметры:
- 0 – Выключено
- 1 – Включено
- 2 – Включено + Заголовок над изображением
- 3 – Включено + Заголовок над изображением + Иконки над изображением
- 4 – Включено + Иконки над изображением
Для отображения товаров в шахматном порядке (Mosaic) добавьте в редактор дизайна, во вкладку «CSS стили», следующий код:
.hotengine-shop-products-mosaic-sides .hotengine-shop-product-list-block:nth-child(even) {
flex-direction: row-reverse;
}
Эта новинка позволит более гибко настраивать внешний вид блоков с товарами и улучшить визуальную презентацию каталога.
Новая функция: выбор типа страницы для Schema.org
Теперь в панели администратора доступен новый параметр, позволяющий выбрать тип страницы для Schema.org. Параметр доступен только для страниц и статей.
Это позволит поисковым системам лучше распознавать структуру сайта и корректно индексировать содержимое.
Доступные типы страниц:
- WebPage – Общая страница. Используется для любой страницы без специфического контента.
- Article – Статья. Для публикаций, новостей, блог-постов.
- BlogPosting – Блог-пост. Для страниц с публикациями блога.
- NewsArticle – Новостная статья. Для новостных публикаций.
- AboutPage* – Страница «О нас». Требует ручного заполнения полей
headline,author, возможноimage. - ContactPage* – Страница контактов. Желательно добавить
headlineиauthor. - CollectionPage* – Страница коллекции товаров или контента. Нужно указать
headlineиauthor. - ProfilePage* – Страница профиля пользователя/автора. Требует
headlineиauthor.
Пример использования в HTML-коде:
<div id="page_content" itemscope itemtype="https://schema.org/WebPage">...</div>
Параметр можно указать при создании или редактировании страницы или статьи.















