Оновлення UniTheme2 v4.20.1.a - v4.20.1.b: Впроваджуємо сучасні стандарти, покращуємо продуктивність

Інтерактивні заголовки блоків (Екстра налаштування посилання блоку)

У заголовках блоків з'явилася можливість виводити клікабельні посилання та кнопки зі спливаючими підказками (tooltips). Використовуючи цей функціонал, ви можете підштовхнути покупця просуватися воронкою, покращуючи поведінкові фактори сайту.

Можливі сценарії застосування (Бізнес-кейси):

1. Підвищення ефективності розпродажів

Як було раніше: Ви виводите на головній сторінці блок товарів «Акційні пропозиції». Покупець бачить 4–5 товарів, но щоб переглянути весь список знижок, йому потрібно повертатися в головне меню та шукати розділ «Акції».

Як налаштувати зараз: У заголовку блоку товарів створюється кнопка «Дивитися всі знижки %», що веде на сторінку конкретної промоакції. Спливаюча підказка (tooltip) може повідомляти: «Понад 500 товарів зі знижками до кінця тижня!».

Результат: Пряме переведення «теплого» трафіку з випадкового перегляду на цільову сторінку розпродажу.

2. Розумний крос-сейл і готові рішення

Як було раніше: У блоці «Популярні ноутбуки» користувач бачить картки товарів. Якщо йому потрібен конкретний бренд або параметри, він йде шукати їх через основний каталог.

Як налаштувати зараз: Для блоку «Ноутбуки Apple» в заголовок додається посилання «Підібрати аксесуари», яке веде в категорію «Чохли та сумки» з уже попередньо налаштованим в URL фільтром під діагональ 13-14 дюймів. У підказці пишемо: «Оригінальні чохли та кабелі для вибраних моделей».

Результат: Зростання середнього чека (AOV) за рахунок моментальної пропозиції супутніх товарів в один клік.

3. Зняття заперечень та експертні продажі

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

Як налаштувати зараз: У заголовку блоку «Смарт-годинники для спорту» виводиться посилання «Як вибрати? Читати гід», що веде на експертну статтю в блозі вашого магазину. Інтерактивна підказка говорить: «Розбір 10 головних функцій та порівняння автономності в нашому огляді».

Результат: Утримання користувача на сайті, зростання довіри до магазину та зниження показника відмов (Bounce Rate) за рахунок якісного внутрішнього контенту.

4. Підвищення лояльності до брендів

Як було раніше: На головній сторінці або в картці товару виводиться блок «Товари від Xiaomi». Покупець зацікавлений виробником, но щоб переглянути весь асортимент бренду, йому доводиться шукати посилання на сторінку бренду в характеристиках або через пошук.

Як налаштувати зараз: У заголовку блоку виводиться кнопка «Всі товари бренду Xiaomi», яка веде на виділену сторінку вендора. Спливаюча підказка може повідомляти: «Офіційна гарантія та понад 300 моделей у наявності».

Результат: Швидка навігація для фанатів конкретних марок та покращення індексації брендових сторінок пошуковими роботами за рахунок прямої наскрізної перелінковки.

5. Сезонний маркетинг без зміни структури

Як було раніше: Настає сезон (наприклад, підготовка до школи або заміна шин). Маркетологам доводиться створювати нові тимчасові категорії, вручну прив'язувати туди товари, а після сезону — видаляти їх, ризикуючи отримати SEO-помилки 404.

Як налаштувати сейчас: Ви виводите на головній сторінці блок «Готуємося до літа», а в заголовок додаєте посилання «Дивитися всю літню колекцію», яке веде в загальну категорію одягу, але з попередньо налаштованим в URL фільтром (наприклад, ?features_hash=сезон-лето). У підказці пишемо: «Оновлення асортименту щотижня!».

Результат: Моментальний запуск сезонних розпродажів та добірок без зміни структури каталогу та без шкоди для SEO-архітектури сайту.

6. Розвантаження головної сторінки

Як було раніше: Щоб показати різноманітність асортименту, адміністратори змушені створювати величезні товарні сітки на головній сторінці, що сповільнює сайт і плутає покупця.

Як налаштувати зараз: Ви виводите компактний блок (всього 3–4 товари з категорії «Електроінструмент»), а в заголовку розміщуєте помітну кнопку «Перейти до каталогу інструменту».

Результат: Візуально чиста, акуратна головна сторінка без втрати клікабельності та переходів до внутрішніх категорій.

Як налаштувати:

(Налаштування застосовуються, якщо блок використовує спеціальні оболонки з префіксом "АВ:", крім шаблону «АВ: Блок: Заголовок»)

1. Перейдіть у "Дизайн → Макети" та відкрийте параметри потрібного блоку.
2. У вкладці "Загальне" переконайтеся, що вибрано одну з оболонок: "AB: Основний блок (SEO)", "AB: Спрощений блок", "AB: Другорядний блок (із обрамленням або без)" або "АВ: Список, що випадає за кліком".
3. Перейдіть у вкладку "Налаштування блоку (Екстра налаштування посилання блоку)" та заповніть поля:
   • "URL" — вкажіть цільове посилання сторінки.
   • "Зовнішній вигляд" — виберіть візуальне оформлення: "Кнопка" або "Посилання".
   • "Відкривати посилання в новому вікні" — "У поточному вікні" або "У новому вікні".
   • "Текст посилання" — вкажіть назву (мультимовне поле).
   • "Підказка" — введіть текст спливаючої підказки.

Новий формат відображення варіацій

Нове оновлення вариацій на основі характеристик з типом «Зображення», модуля «Комбінації товарів» та одноколонкового списку характеристик на сторінці товару.

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

Головна функціональна користь для покупця:

• Наочність та безпомилковий вибір: Кожна плитка тепер поєднує зображення товару та його текстову назву (наприклад, «Light Blue», «Camouflage Gray»). Покупець одразу розуміє, який саме варіант перед ним.
• Швидка «примірка»: при наведенні зображення в головній галереї миттєво замінюється на відповідний варіант. Це дозволяє швидко оцінити зовнішній вигляд усіх варіантів на льоту.
• Перехід у варіацію та виділення активного елемента при кліці.

Акуратність інтерфейсу та захист від переповнення:

• Компактний скролер замість хаосу: Якщо у товару є багато варіантів з типом «Зображення» (раніше вони могли сформувати величезне простирадло з тамбнейлів). Висота блоку автоматично обмежується, якщо варіанти не вміщаються в однорядковому порядку, активується скролер і посилання "Показати всі", яке відкриває повний список.
• Це дозволяє зберегти структуру картки чистою та зрозумілою, навіть якщо у товару величезний асортимент модифікацій.

Просунуті налаштування компактних списків «Вид посилання»

Для товарних блоків із шаблоном «Вид посилання» додано розширені індивідуальні параметри відображення.

Як налаштувати:

1. У макетах відкрийте параметри блоку товарів, для якого вибрано шаблон "Вид посилання".
2. У вкладці "Налаштування блоку (Екстра налаштування)" доступні поля:
   • "AB: Ширина іконки" — дозволяє задати розміри мініатюр.
   • "AB: Висота іконки" — дозволяє задати розміри мініатюр.
   • "AB: Стовпців у рядку" — встановлює максимальну кількість колонок у сітці.
   • "AB: Скролер" — вмикає режим горизонтального прокручування для блоку.

SEO-оптимізація CS-Cart: Керування кодом опису категорій

Впроваджено нову опцію, яка дозволяє керувати позиціонуванням SEO-тексту в HTML-розмітці сторінки каталогу.

Виведення HTML-коду опису категорії вище товарної сітки (в DOM-дереві) дозволяє пошуковим роботам (Яндекс, Google) швидше зчитувати релевантний текстовый контент, що критично важливо для ранжування. При цьому візуально для користувача текст може залишатися внизу.

Як налаштувати:

1. Перейдіть у "Модулі → Завантажені модулі → AB: UniTheme2 → Настройки теми".
2. Перейдіть до секції "Категорія".
3. Активуйте налаштування: "Розмістити HTML-код опису категорії вище товарного блоку".

Пошук за варіантами характеристик у панелі адміністратора

В оновленні додано довгоочікуваний інструмент для адміністраторов та контент-менеджерів — рядок пошуку за варіантами безпосередньо на сторінці редагування характеристики. Цей функціонал кардинально змінює процес керування глобальними характеристиками з великим масивом даних (такими як «Бренд», «Виробник», «Матеріал» тощо).

У чому була головна «біль» адміністратора:

Раніше редагування популярних характеристик перетворювалося на рутину. Якщо в магазині представлені сотні або тисячі брендів, то для зміни логотипу, додавання банера або редагування SEO-опису конкретної торгової марки (наприклад, Sony) адміністратору довелося:

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

Як це працює тепер:

• Тепер достатньо зайти у вкладку «Варіанти», ввести назву потрібного бренду в пошуковий рядок і натиснути кнопку «Search». Система миттєво відфільтрує список і виведе потрібну позицію.
• Радикальне прискорення адміністрування: Процес, який раніше міг займати значний час монотонного пошуку, тепер виконується за 2 секунди. Контент-менеджер може відразу приступити до справи: завантажити актуальний логотип, прописати опис або змінити позиціонування елемента.

Оптимізація та візуальні зміни

Інтерфейс шаблону UniTheme2 продовжує вдосконалюватися для зручності користувачів та контент-менеджерів.

• Здійснено численні адаптації та оптимізації стилів шаблону з метою збільшення продуктивності.
• Для всіх типів скролерів покращено адаптивність та стандартизовано відступи для всіх видів обрамлень та оболонок.
• Оптимізовано відображення та плавність поведінки при відкритті/закритии липких панелей та модальних вікон.
• Над стандартною шапкою сайту (header) тепер можна виводити секції з будь-за-яким кастомним вмістом (наприклад, наскрізні графічні промо-банери або інформери до розпродажів).
• У блоках із шаблоном «Акаунт» тепер автоматично відображається візуальна іконка з ініціалами авторизованого користувача.
• У блоці останніх записів при двоколонковій розкладці перший елемент тепер автоматично розтягується на всю ширину, якщо загальна кількість елементів непарна. Це створює правильний візуальний акцент на свіжому контенті.
• На сторінці редагування банера тепер суворо враховується поточна мова інтерфейсу при переході в режим прев'ю.
• Систематизовано поведінку та оформлення секцій з користувацькими класами, які допомагають дооформити вигляд секції: ut2-gray-box, ut2-border-box, ut2-color-box, ut2-second-color-box.