Обновления и новости
На платформе BooStore.pro заменен Jquery FlexSlider на чистый Javascript
На BooStore.pro сделан перевод слайдера на собственный программный компонент — HotengineSwiper. Это решение пришло на смену устаревшему Jquery FlexSlider в рамках стратегии полного отказа от тяжелых внешних зависимостей.
Ключевые преимущества HotengineSwiper:
- Производительность: Отсутствие зависимости от jQuery позволило сократить время инициализации скрипта и уменьшить общий вес страницы.
- Улучшенный UX: Компонент написан на Vanilla JS с использованием современных Pointer Events, что обеспечивает стабильный тач-интерфейс и плавный свайп на мобильных устройствах.
- Оптимизация загрузки: Внедрена нативная поддержка Lazy Load и динамический пересчет высоты контейнера, что предотвращает «скачки» верстки и экономит трафик.
- SEO-эффективность: Чистый код и высокая скорость отрисовки слайдов напрямую улучшают показатели Core Web Vitals, что критически важно для поискового продвижения.
HotengineSwiper — это более быстрый, легкий и функциональный инструмент, адаптированный под современные стандарты веб-разработки и требования поисковых систем.
Переход с Jquery jGrowl на собственный модуль hotengine_notify
В рамках стратегии по повышению производительности, была произведена полная замена JQuery jGrowl на чистый JavaScript.
Новый модуль hotengine_notify — это наше собственное решение, которое полностью сохраняет привычную логику уведомлений, но избавляет проект от лишних зависимостей и тяжелых библиотек.
Что изменилось?
- Скорость: Отсутствие JQuery делает инициализацию уведомлений мгновенной.
- Вес: Код модуля сокращен в несколько раз по сравнению с оригинальным плагином.
- Нативность: Полная поддержка современных стандартов ES6+.
Гайд для разработчиков и интеграторов
Функционал hotengine_notify полностью идентичен jGrowl. Если вы использовали кастомные вызовы в своих скриптах, вам достаточно просто сменить имя функции. Все ключевые параметры (life, header, sticky, theme) работают по прежней схеме.
Примеры реализации
1. Базовый вызов (Информационное сообщение)Простое уведомление, которое исчезнет автоматически через 3 секунды.
hotengine_notify('Изменения успешно сохранены');
2. Важное уведомление (Sticky Error)
Используйте тему error для критических ошибок. Такое сообщение не закроется, пока пользователь не нажмет на крестик.
hotengine_notify('Ошибка доступа к разделу', {
header: 'Системное прерывание',
theme: 'error',
sticky: true
});
3. Использование Callback-функций
Теперь вы можете легко выполнять код при закрытии уведомления через beforeClose. Это полезно для работы с куки или отправки статистики.
hotengine_notify('У вас новое уведомление', {
beforeClose: function(el, msg) {
// Пример: ставим куку о прочтении на 24 часа
document.cookie = "notify_read=1; path=/; max-age=86400;";
}
});
Локализация интерфейса
Мы вынесли все текстовые элементы (например, кнопку «Закрыть все») в CSS. Модуль автоматически определяет язык страницы через атрибут lang в теге HTML. На данный момент поддерживаются:
- RU: [ Закрыть все ]
- UK: [ Закрити все ]
- PL: [ Zamknij wszystko ]
- EN: [ Close all ]
BooStore.pro — работаем над скоростью, чтобы вы работали над результатом.
Обновление глобальных скриптов и переход на чистый JavaScript
В ходе глобального обновления все основные скрипты сайтов платформы BooStore.pro были переписаны таким образом, чтобы работать практически без использования библиотеки jQuery.
Преимущества этого подхода:
- Снижение веса страницы: нет необходимости загружать всю библиотеку jQuery, что уменьшает размер загружаемых скриптов и ускоряет отображение страниц.
- Повышение производительности: нативный JavaScript работает быстрее, особенно на мобильных устройствах и слабых браузерах.
- Контроль над зависимостями: каждый скрипт подключается по мере необходимости.
- Гибкость и масштабируемость: код можно легко адаптировать под новые функции без привязки к конкретной версии jQuery.
Текущая реализация:
- В админ-центре jQuery по-прежнему подключается автоматически для поддержки устаревших плагинов.
- На фронтенде сайты теперь могут полностью работать на чистом JavaScript.
- Все библиотеки и дополнительные скрипты загружаются динамически, на лету, под конкретные задачи пользователя, без предварительной загрузки больших файлов.
Основные обновления:
- Всплывающие окна и конструктор форм полностью переписаны на нативный JS.
- Виджеты товаров: слайдер товаров, режим свайпа, прокрутка пальцем и динамическая подгрузка контента при скроллинге.
- Меню: обновлены скрипты главного меню и простого мобильного меню.
- Обновлены скрипты сортировки товаров.
- Корзина и добавление товаров:
- Обновлен модуль добавления товаров в корзину.
- Обновлен спиннер и переключатель количества товаров для добавления в корзину.
- Обновлен скрипт отображения вариантов товаров в списках и при редактировании с помощью мышки.
- Обновлен скрипт отображения добавленных в корзину товаров (всплывающее окно при наведении курсора на иконку корзины).
- AJAX-запросы полностью переписаны на стандартный JavaScript для загрузки страниц, товаров, статей, форм и комментариев.
Планы на будущее:
- Постепенный переход к полностью модульной архитектуре без jQuery, при этом сохранение совместимости с административным интерфейсом.
- В связи с тем, что многие пользователи используют собственные скрипты на jQuery, будет введена глобальная настройка для подключения библиотеки на сайт при необходимости.
Обновление виджета мобильного меню на BooStore.pro: полный отказ от jQuery
На платформе BooStore.pro произведено обновление виджета мобильного меню. Основное изменение заключается в полном отказе от использования библиотеки jQuery. Теперь все элементы меню и интерактивные функции реализованы на чистом JavaScript.
Это решение имеет несколько ключевых преимуществ:
- Ускорение загрузки страниц. Ранее меню ожидало загрузки jQuery, что замедляло отображение элементов на мобильных устройствах. Переход на нативный JavaScript устраняет это ожидание, делая работу меню мгновенной.
- Полный отказ от $.cookie. Для хранения пользовательских настроек и состояния меню больше не используется библиотека jQuery Cookie. Все куки и локальное хранилище обрабатываются стандартными средствами JavaScript.
- Современные подходы к DOM. Все открытие и закрытие меню, переключение вкладок и обработка событий теперь выполняются через стандартные методы DOM API, что повышает стабильность и совместимость с разными устройствами и браузерами.
В результате обновления мобильное меню стало быстрее, надежнее и полностью независимым от сторонних библиотек, что улучшает пользовательский опыт и ускоряет работу сайта на всех устройствах.
Обновлены библиотеки JavaScript на BooStore.pro
Мы полностью обновили все библиотеки JavaScript на сайте, чтобы сделать работу интерфейса ещё быстрее и стабильнее.
Главные изменения:
- Новая лёгкая галерея изображений: заменили Colorbox (16 кб) на SimpleLightbox (7 кб) - полностью независимая галерея на JavaScript. Это уменьшает нагрузку на страницу, ускоряет загрузку и делает работу галереи независимой от фреймворка Jquery.
- Полная замена устаревших методов запросов: все вызовы
$.ajax,$.getи$.postбыли заменены на стандартный fetch API браузера. Это обновление необходимо для перехода на новую версию jQuery 4 и для постепенного ухода от зависимости от этой библиотеки.
Преимущества перехода на fetch:
- Меньше зависимостей: теперь не нужен jQuery для отправки асинхронных запросов.
- Современный стандарт: fetch встроен в любой современный браузер и поддерживает промисы, что упрощает обработку результатов и ошибок.
- Поддержка AbortController: легко реализовать таймауты и отмену запросов, улучшая отзывчивость интерфейса.
- Лучшая оптимизация и скорость: страницы грузятся быстрее, так как уменьшается объём подключаемого кода и упрощается поток данных между сервером и клиентом.
Обновления делают BooStore.pro быстрее, надёжнее и удобнее для всех пользователей. Следите за нашими новыми улучшениями!
Важное обновление на BooStore.pro: все сайты теперь с SSL!
Мы рады сообщить, что теперь все сайты на платформе BooStore.pro по умолчанию работают через безопасное соединение HTTPS. Каждый сайт получает SSL-сертификат, что повышает защиту данных пользователей и укрепляет доверие к вашему ресурсу.
Это обновление — важный шаг в повышении безопасности и надежности сайтов на нашей платформе. Вам не нужно предпринимать никаких действий — мы автоматически настроили сертификаты для всех доменов и поддоменов.
Теперь ваши посетители могут быть уверены, что их данные защищены, а поисковые системы воспринимают ваш сайт как безопасный и современный ресурс.
BooStore.pro продолжает улучшать платформу для вашего удобства и безопасности!
Новая опция наценок в рекламных выгрузках BooStore.pro
В системе BooStore.pro добавлена новая опция управления наценками для рекламных XML-выгрузок (Google Merchant, Rozetka, Prom.ua, Epicentrk.ua и других).
Теперь вы можете гибко контролировать, какие наценки будут применяться при формировании выгрузок, либо полностью отключать их.
Доступные возможности
- полностью отключить все наценки и выгружать оригинальную цену товара;
- отключить наценки только для отдельных рекламных площадок (Rozetka, Prom.ua, Epicentrk.ua);
- отключить только формульные наценки, сохранив остальные правила ценообразования;
- использовать стандартные наценки без изменений (режим по умолчанию) — то есть те наценки, которые заранее настроены для каждой категории в конкретной выгрузке.
** — на BooStore.pro вы можете задавать индивидуальные правила наценок для каждой категории и каждой рекламной платформы отдельно, например для Rozetka, Epicentrk.ua или Prom.ua.
Это позволяет максимально точно настраивать цены под требования конкретных рекламных каналов, избегать лишних надбавок и повышать конкурентоспособность предложений.
Новая опция уже доступна в настройках рекламных выгрузок и не требует дополнительных доработок.
Новое положение блока меню
В BooStore.pro добавлено новое положение существующего блока меню — в верхней части страницы, но под деревом категорий.
Данное расположение предназначено для элементов управления, которые логично размещать сразу после дерева категорий и до основного списка товаров.
Например:- сортировка товаров
- дополнительные параметры отображения каталога
- служебные элементы навигации
Обновление в виджетах BooStore.pro: новые правила загрузки скриптов
На BooStore.pro произошло важное обновление для всех виджетов с товарами, категориями и производителями. Ранее для отключения загрузки скриптов и стилей использовался параметр :htmlonly. Теперь его заменяет новый параметр :add-javascript, но с обратной логикой.
Что это значит:
- Раньше
:htmlonlyотменял подгрузку скриптов (что полезно, если вы хотите реализовать собственный скрипт выпадающего меню, стили или другие функции). - Теперь
:add-javascriptработает наоборот — при его использовании скрипты и стили подключаются автоматически. - Все функции виджетов остались прежними, просто логика включения скриптов стала более прозрачной.
Важно:
На всех страницах и во всех блоках/меню, где ранее использовался виджет без параметра :htmlonly, он автоматически дополнен параметром :add-javascript. Это означает, что скрипты использования виджетов обновлены без необходимости дополнительной ручной настройки.
Добавлена платежная система Hutko (с поддержкой множества языков, валют и способов оплаты).
Hutko.org — это украинский платёжный сервис, который позволяет бизнесу легко и гибко принимать онлайн‑платежи в самых разных каналах продаж — на сайте, лендинге, в соцсетях, чат‑ботах, мобильных приложениях и даже офлайн через QR‑коды.Он поддерживает банковские карты (Visa, Mastercard), электронные кошельки, Apple Pay, Google Pay и другие методы оплаты, предлагает адаптивную страницу оплаты, автоматическую конвертацию валют и инструменты для повторных списаний и онлайн‑аналитики.
Инструкция по подключению
BooStore.pro улучшает загрузку скриптов: уход от $.getScript
Команда BooStore.pro оптимизировала работу JavaScript на платформе, заменив $.getScript на динамическое создание элементов <script> через чистый JavaScript.
Ранее скрипт подгружался так:
Code: 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);
});
}
}
});
Теперь используется другой подход:
Code: JavaScript
$(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
На BooStore.pro реализован новый способ отображения разновидностей товаров в списке — загрузка на лету с использованием технологий Ajax и JSON. Это позволяет значительно снизить нагрузку на сайт и ускорить первоначальную загрузку страницы.
Теперь варианты товаров могут подгружаться динамически: при нажатии на кнопку «Купить» / «Выбрать» или при наведении курсора мыши. Такой подход не создаёт дополнительной серверной нагрузки и оптимален для большинства магазинов с большим ассортиментом.
Важно: также доступен платный метод, при котором разновидности товаров отображаются сразу в списке товаров. Этот вариант требует оплаты расширенной выгрузки, так как увеличивает нагрузку на сайт за счёт постоянной загрузки всех вариантов.
При использовании Ajax-загрузки необходимо учитывать, что в товарных слайдерах и виджетах с динамической прокруткой возможны сложности с корректным отображением вариантов. Поэтому данный способ рекомендуется применять при стандартном просмотре списка товаров, а не внутри слайдеров или товарных виджетов.
Новая возможность: конвертация изображений в WebP
На платформе SAAS BooStore.pro добавлена функция конвертации изображений при загрузке товаров в формат 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-режим
- В генераторе виджетов категорий или производителей укажите параметр:
:scroll-9999— ширина экрана, меньше которой включается прокрутка. - При необходимости добавьте количество точек пагинации через второй параметр:
:scroll-9999x3— число «3» включает пагинацию с тремя точками. - Скрипт автоматически активируется при загрузке страницы.
Пример HTML (генерируется автоматически)
<div class="hotengine-categories-list"
data-scroll-width="9999"
data-scroll-pagination="3">
...
</div>
После этого прокрутка и пагинация будут работать автоматически, в зависимости от ширины экрана и параметров, заданных в виджете.
Добавлена дополнительная защита от спама
В систему отправки сообщений внедрён новый уровень защиты от спама. Теперь проверка выполняется не только по наличию ссылок, запрещённых слов и выражений, но и по совпадению текста с ранее отправленными письмами.
Если система обнаруживает повторяющиеся или полностью идентичные сообщения, они автоматически помечаются как спам. Это позволяет значительно повысить точность фильтрации и предотвратить массовые повторные рассылки.
Добавлен HTML Widget с вкладками (полностью на HTML без JavaScript)
На платформе BooStore.pro появился новый HTML Widget с вкладками. Этот виджет работает без дополнительных скриптов и позволяет организовать несколько вкладок внутри блока.
Каждая вкладка может взаимодействовать с виджетами товаров, обеспечивая удобный просмотр и навигацию.


