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

На платформі Hotlist.biz з’явився новий HTML Widget з вкладками. Цей віджет працює без додаткових скриптів і дозволяє організувати кілька вкладок всередині блока.

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

Оновлення віджету з товарами: динамічний режим «append»

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

Зокрема:

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

Режим :append активується за параметрами, наприклад :append-900x9999, де:

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

Якщо вказаний лише перший параметр, наприклад :append-900, функція буде активна для екранів шириною від 900px і більше.

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

Додано функціональний блок «З товаром купують»

Новий 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/ua/blog/instructions_ua/15056.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 — максимальна кількість точок, що додаються при підвантаженні (можна залишити порожнім, якщо не потрібно).

Використання

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

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

На Hotlist.biz оновлено механізм автозаміни при імпорті товарів. Тепер ви можете більш гнучко керувати заміною даних під час імпорту.

Що нового:

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

Переваги:

• Зменшення часу на підготовку даних для імпорту.
• Менше помилок при масовому оновленні товарів.
• Гнучке налаштування автозаміни для різних категорій, виробників та атрибутів.

Оновлення вже доступне всім користувачам. Щоб скористатися новими можливостями, просто перейдіть у розділ імпорту товарів та налаштуйте автозаміну за новими правилами.

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

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

Ознайомитися з демонстрацією можна за посиланням: Розширена демонстрація «Віджету з товарами»

Додано функцію Scroll у віджет товарів

Ми представляємо оновлений спосіб відображення товарів у віджетах магазину — тепер стандартний блок списку товарів можна замінити на блок з прокруткою з ефектом Swipe та автозавантаженням наступних товарів.

Як працює нова функція:

• Стандартний блок товарів замінюється на блок з прокруткою (імітація 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/ua/user_guide.html#hotengine-CommerceAPI

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

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

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