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

Мы рады сообщить о добавлении новой функции в виджет отображения товаров — постраничная навигация (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-эффекты для удобства пользователей.

Пример:

templatedemo437544.hotlist.biz

Новый параметр: отображение списка дочерних подкатегорий

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

Этот параметр можно задать:

• 📂 В общих настройках во вкладке «Настройки Магазин → Категории»;
• 🛠️ Индивидуально для каждой категории магазина.

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

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

Используйте этот параметр, чтобы оптимизировать отображение категорий и улучшить навигацию по вашему магазину! 🌟

Добавлено изображение в разновидностях

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

Добавлен HTML-виджет: пример блока Mosaic с текстом и изображением

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

Новая функция: разделение блока товаров на две части (при просмотре списка товаров).

Мы добавили возможность выводить блок товаров в списке в виде двух колонок: изображение с одной стороны, а текст и данные с другой. Такой формат позволяет создавать стиль отображения «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>

Параметр можно указать при создании или редактировании страницы или статьи.

Теперь во всплывающих окнах доступен новый функционал:

• Атрибут data-dialog-callback позволяет вызвать любую пользовательскую функцию сразу после открытия окна.
• Атрибут data-dialog-button-callback даёт возможность добавлять несколько кнопок и назначать для каждой свою отдельную функцию.

Подробнее — на странице генерации всплывающих окон.

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

С помощью скрытого поля «form_price_append» можно учитывать различные надбавки:

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

Поле можно создавать двумя способами:

1. Через редактор формы, в настройках магазина во вкладке «Оформление заказа», в разделе «Добавить поля в форму заказа».
2. Программно, с помощью скриптов, которые динамически изменяют его значение (рекомендуется).

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

Пример скрипта для добавления суммы к итоговой стоимости заказа

В API Commerce добавлено полное управление категориями, производителями и коллекциями. Теперь вы можете создавать, обновлять и удалять эти сущности через защищённые запросы.

Подробнее в инструкции: https://hotlist.biz/ru/user_guide.html#hotengine-CommerceAPI

Добавлена возможность отображения соседних категорий того же уровня

• Опцию можно включить индивидуально для каждой категории или в общих настройках сайта.
• Для изменения перейдите в раздел: Настройки → Магазин → Категории.
• При включении опции элемент списка категорий будет с классом «hotengine-categories-sibling-list».

Добавлена возможность настройки отображения списка категорий на сайте

• Настройку можно задать индивидуально для каждой категории или в общих настройках сайта.
• Для изменения перейдите в раздел: Настройки → Магазин → Категории.
• При изменении опции отображения для главного элемента списка категорий «hotengine-categories-list» добавляется класс «hotengine-categories-list-style-X», где X соответствует выбранному стилю отображения.
• Список доступных стилей отображения:
  • «Как в общих настройках сайта»
  • «Стандартный (блоки с названием и изображением)»
  • «Сокращенный (с изображением) [при наличии товаров в категории]»
  • «Сокращенный (только заголовок) [при наличии товаров в категории]»
  • «Сокращенный (с изображением)»
  • «Сокращенный (только заголовок)»

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

Комбинация формируется из выбранных компонентов: заголовок и артикул объединяются через «+», а цена рассчитывается на лету из актуальных цен выбранных вариантов.
Если среди компонентов есть фиксированная цена, она берётся за основу, к ней прибавляются или вычитаются дельты («+» или «-»).
Примеры:
— `=100` и `+20` → итоговая цена `=120`.
— `+10` и `+15` → итог `+25` к основной стоимости товара.
— `=200`, `=150`, `+20` → итог `=220` - берется наибольшая стоимость разновидности.


Ограничения в отображении и поведении:

• При множественных группах некоторые способы отображения вариантов могут быть ограничены.
• Каждая подвариация не может иметь собственную кнопку «Добавить в корзину».

Комбинированная разновидность рассматривается как единый вариант для корзины и при сохранении снимка заказа.

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

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

Невозможное возможно: как мы достигли почти 100% в Google PageSpeed

В современном веб-мире скорость загрузки сайта — один из ключевых факторов успеха. Недавно нам удалось совершить настоящий прорыв и поднять показатели Google PageSpeed до практически 100% по всем важнейшим метрикам! Это результат комплексной и тщательной оптимизации, в которую мы вложили максимум знаний и опыта.

https://pagespeed.web.dev/analysis?url=https%3A%2F%2Fhotlist.biz%2Fru%2F

Что же помогло достичь такого результата?

1. Оптимизация загрузки скриптов и стилей
Мы внедрили отложенную загрузку JavaScript и CSS, чтобы критичные для отображения страницы ресурсы загружались в первую очередь, а все остальные — асинхронно и только при необходимости. Большинство скриптов на платформе загружается непосредственно при взаимодействии с пользователем. Благодаря этому пользователи видят контент мгновенно, а браузер не блокируется лишними вызовами.

2. Сжатие и минимизация данных
Все скрипты, стили и изображения были максимально сжаты и оптимизированы. Использование современных форматов изображений WebP/SVG, а также минификация CSS и JavaScript существенно уменьшили общий объем загружаемых данных.

3. Эффективное кеширование и CDN
Мы настроили кэширование на сервере и использовали сеть доставки контента (CDN), что позволило доставлять файлы ближе к пользователям и снижать время ответа сервера.

4. Умная работа с изображениями
Для всех картинок реализована адаптивная загрузка — разные размеры и форматы под разные устройства и разрешения. Используются техники lazy loading, что позволяет не загружать изображения, пока пользователь не дойдет до них.

5. Оптимизация шрифтов
Подключение шрифтов выполнено с параметром font-display: swap, что снижает время отображения текста без задержек из-за загрузки шрифтов.

6. Улучшение рендеринга и DOM
Мы уменьшили количество лишних элементов, оптимизировали структуру HTML, убрали ненужные перерисовки и повторные вычисления стилей, что позволило ускорить первую отрисовку и сделать интерфейс отзывчивым.

Все эти меры позволили нам практически добиться максимальных значений в Google PageSpeed Insights — а значит, сайт загружается быстро, плавно и удобно на любых устройствах и сетях.

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

Все эти преимущества вы получите, если выберете платформу Hotlist.biz для создания сайтов и интернет-магазинов.

Добавлены страницы производителей по странам

На платформе Hotlist.biz появилась новая страница со списком стран производителей. Теперь посетители ваших интернет-магазинов смогут быстро находить товары по стране их производства.

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

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

Пример:
Карточка товара с указной страной производителем
Список стран производителей