Обновление 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.