Оновлення та новини

На Hotlist.biz оновлено редактор TinyMCE 8 та інші системні плагіни

Дані оновлення — це ще один крок до максимально швидкого та сучасного Hotlist.biz. Ми продовжуємо оптимізувати код, роблячи платформу легшою та технологічнішою.

На платформі Hotlist.biz замінено jQuery FlexSlider на чистий JavaScript

На Hotlist.biz виконано перехід слайдера на власний програмний компонент — 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('Зміни успішно збережено');

hotengine_notify('Помилка доступу до розділу', { 
    header: 'Системне переривання', 
    theme: 'error', 
    sticky: true 
});

hotengine_notify('У вас нове сповіщення', { 
    beforeClose: function(el, msg) {
        // Приклад: ставимо куку про прочитання на 24 години
        document.cookie = "notify_read=1; path=/; max-age=86400;";
    }
});

Hotlist.biz — працюємо над швидкістю, щоб ви працювали над результатом.

Оновлення глобальних скриптів і перехід на чистий JavaScript

У межах глобального оновлення всі основні скрипти сайтів платформи Hotlist.biz були переписані так, щоб працювати практично без використання бібліотеки jQuery.

Переваги такого підходу:

• Зменшення ваги сторінки: немає потреби завантажувати всю бібліотеку jQuery, що зменшує розмір скриптів і пришвидшує відображення сторінок.
• Підвищення продуктивності: нативний JavaScript працює швидше, особливо на мобільних пристроях і слабких браузерах.
• Контроль залежностей: кожен скрипт підключається лише за потреби.
• Гнучкість і масштабованість: код легко адаптується під нові функції без прив’язки до конкретної версії jQuery.

Поточна реалізація:

• В адмін-центрі jQuery і надалі підключається автоматично для підтримки застарілих плагінів.
• На фронтенді сайти тепер можуть повністю працювати на чистому JavaScript.
• Усі бібліотеки та додаткові скрипти завантажуються динамічно, на льоту, під конкретні завдання користувача, без попереднього завантаження великих файлів.

Основні оновлення:

• Спливаючі вікна та конструктор форм повністю переписані на нативний JS.
• Віджети товарів: слайдер товарів, режим свайпу, прокрутка пальцем і динамічне підвантаження контенту під час скролінгу.
• Меню: оновлено скрипти головного меню та простого мобільного меню.
• Оновлено скрипти сортування товарів.
• Кошик і додавання товарів:
  • Оновлено модуль додавання товарів до кошика.
  • Оновлено спінер і перемикач кількості товарів для додавання до кошика.
  • Оновлено скрипт відображення варіантів товарів у списках і під час редагування за допомогою миші.
  • Оновлено скрипт відображення товарів, доданих до кошика (спливаюче вікно при наведенні курсора на іконку кошика).
• AJAX-запити повністю переписані на стандартний JavaScript для завантаження сторінок, товарів, статей, форм і коментарів.

Плани на майбутнє:

• Поступовий перехід до повністю модульної архітектури без jQuery із збереженням сумісності з адміністративним інтерфейсом.
• Оскільки багато користувачів застосовують власні скрипти на jQuery, буде запроваджено глобальне налаштування для підключення бібліотеки до сайту за потреби.

Оновлення віджета мобільного меню на Hotlist.biz: повна відмова від jQuery

На платформі Hotlist.biz було оновлено віджет мобільного меню. Головна зміна полягає у повній відмові від бібліотеки jQuery. Тепер усі елементи меню та інтерактивні функції реалізовані на чистому JavaScript.

Це рішення має кілька ключових переваг:

• Прискорення завантаження сторінок. Раніше меню чекало на завантаження jQuery, що уповільнювало відображення елементів на мобільних пристроях. Перехід на нативний JavaScript усуває це очікування, роблячи меню миттєво реагуючим.
• Повна відмова від $.cookie. Для зберігання налаштувань користувача та стану меню більше не використовується бібліотека jQuery Cookie. Всі куки та локальне сховище обробляються стандартними методами JavaScript.
• Сучасні підходи до DOM. Відкриття та закриття меню, перемикання вкладок та обробка подій тепер виконуються через стандартні методи DOM API, що підвищує стабільність та сумісність із різними пристроями та браузерами.

В результаті оновлення мобільне меню стало швидшим, надійнішим і повністю незалежним від сторонніх бібліотек, що покращує користувацький досвід і прискорює роботу сайту на всіх пристроях.

Оновлено бібліотеки JavaScript на Hotlist.biz

Ми повністю оновили всі бібліотеки JavaScript на сайті, щоб інтерфейс працював швидше та стабільніше.

Основні зміни:

• Нова легка галерея зображень: замінили Colorbox (16 KB) на SimpleLightbox (7 KB) – повністю незалежна галерея на JavaScript. Це зменшує навантаження на сторінку, прискорює завантаження та робить галерею незалежною від фреймворку jQuery.
• Повна заміна застарілих методів запитів: всі виклики $.ajax, $.get та $.post були замінені на стандартний fetch API. Це оновлення необхідне для переходу на jQuery 4 та поступового відходу від залежності від цієї бібліотеки.

Переваги переходу на fetch:

• Менше залежностей: jQuery більше не потрібен для асинхронних запитів.
• Сучасний стандарт: fetch вбудований у всі сучасні браузери і підтримує promises, що спрощує обробку результатів та помилок.
• Підтримка AbortController: легко реалізувати таймаути та скасування запитів, покращуючи відгук інтерфейсу.
• Краща оптимізація та швидкість: сторінки завантажуються швидше, оскільки зменшується обсяг коду та спрощується потік даних між сервером і клієнтом.

Оновлення роблять Hotlist.biz швидшим, надійнішим та зручнішим для всіх користувачів. Слідкуйте за нашими новими покращеннями!

Важливе оновлення на Hotlist.biz: усі сайти тепер з SSL!

Раді повідомити, що тепер усі сайти на платформі Hotlist.biz за замовчуванням працюють через безпечне з'єднання HTTPS. Кожен сайт отримує SSL-сертифікат, що підвищує захист даних користувачів та зміцнює довіру до вашого ресурсу.

Це оновлення — важливий крок у підвищенні безпеки та надійності сайтів на нашій платформі. Вам не потрібно нічого додатково робити — ми автоматично налаштували сертифікати для всіх доменів та піддоменів.

Тепер ваші відвідувачі можуть бути впевнені, що їхні дані захищені, а пошукові системи сприймають ваш сайт як безпечний та сучасний ресурс.

Hotlist.biz продовжує покращувати платформу для вашої зручності та безпеки!

Нова опція націнок у рекламних вивантаженнях Hotlist.biz

У системі Hotlist.biz додана нова опція керування націнками для рекламних XML-вивантажень (Google Merchant, Rozetka, Prom.ua, Epicentrk.ua та інших).

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

Доступні можливості

• повністю вимкнути всі націнки та вивантажувати оригінальну ціну товару;
• вимкнути націнки лише для окремих рекламних майданчиків (Rozetka, Prom.ua, Epicentrk.ua);
• вимкнути лише формульні націнки, зберігши інші правила ціноутворення;
• використовувати стандартні націнки без змін (режим за замовчуванням) — тобто ті націнки, які заздалегідь налаштовані для кожної категорії у конкретному вивантаженні.

** — на Hotlist.biz ви можете задавати індивідуальні правила націнок для кожної категорії та кожної рекламної платформи окремо, наприклад для Rozetka, Epicentrk.ua або Prom.ua.

Це дозволяє максимально точно налаштовувати ціни під вимоги конкретних рекламних каналів, уникати зайвих націнок та підвищувати конкурентоспроможність пропозицій.

Нова опція вже доступна в налаштуваннях рекламних вивантажень і не потребує додаткових доопрацювань.

Нове розташування блоку меню

У Hotlist.biz додано нове розташування існуючого блоку меню — у верхній частині сторінки, але під деревом категорій.

Таке розташування призначене для елементів керування, які логічно розміщувати одразу після дерева категорій та перед основним списком товарів.

• сортування товарів
• додаткові параметри відображення каталогу
• службові елементи навігації

Оновлення у віджетах Hotlist.biz: нові правила завантаження скриптів

На Hotlist.biz відбулося важливе оновлення для всіх віджетів з товарами, категоріями та виробниками. Раніше параметр :htmlonly використовувався для відключення завантаження скриптів та стилів. Тепер його замінено новим параметром :add-javascript, але з протилежною логікою.

Що це означає:

• Раніше :htmlonly відключав підвантаження скриптів (корисно, якщо ви хотіли реалізувати власний скрипт випадаючого меню, стилі або інші функції).
• Тепер :add-javascript працює навпаки — при його використанні скрипти та стилі підвантажуються автоматично.
• Всі функції віджетів залишилися без змін, змінилася лише логіка підключення скриптів.

Важливо:

На всіх сторінках та у всіх блоках/меню, де раніше віджет використовувався без параметра :htmlonly, він автоматично доповнено параметром :add-javascript. Це означає, що скрипти віджетів тепер підвантажуються коректно без додаткового ручного налаштування.

Додано платіжну систему 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>

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

Додано додатковий захист від спаму

У систему надсилання повідомлень додано новий рівень захисту від спаму. Тепер перевірка виконується не лише за наявністю посилань, заборонених слів і виразів, а й за збігом тексту з раніше надісланими повідомленнями.

Якщо система виявляє повторювані або повністю ідентичні повідомлення, вони автоматично позначаються як спам. Це дозволяє значно підвищити точність фільтрації та запобігти масовим повторним розсилкам.