Сотбит: Розница 1.10.0 — тёмная тема, новая страница брендов и мобильное меню — советы в блоге

Страница брендов в большинстве магазинов на 1С-Битрикс — это просто алфавитный список, без поиска и без возможности выделить ключевых партнёров. Мобильное меню жёстко ограничено пятью иконками, которые нельзя заменить. А тёмная тема появляется только через доработку. На каждую из этих задач в отдельности уходят дополнительные бюджеты и недели согласований — а Сотбит: Розница 1.10.0 закрывает всё это разом, в рамках одного обновления, добавляя двенадцать новых функций и пакет оптимизаций.

В этой статье разберем:

• Новую страницу брендов;
• Тёмную тему;
• Мобильное нижнее меню;
• Новые шапки и футеры;
• Горизонтальный вид меню каталога;
• Режим списка в каталоге;
• Фильтрацию на странице поиска интернет-магазина;
• Прочие новые возможности.
  

Начинаем по-порядку!
[spoiler]

Новая страница брендов

Во многих интернет-магазинах страница брендов — это витрина в самом бедном смысле слова: ни поиска, ни маркетингового акцента, ни способа показать, что вот эти три бренда — ключевые партнёры магазина. Особенно болезненно это ощущается у магазинов с десятками брендов, которым просто негде выстроить имиджевый раздел.

Представляем вам новую страницу брендов в Сотбит: Розница! Теперь страница делится на три независимых блока — поиск, популярные бренды и основной список. И каждый из них настраивается отдельно, поддерживая два варианта отображения.

Первый — имиджевая витрина: маркетинговые карточки с фоновым изображением. В стиле «Акцент» на карточке выводится логотип и слоган. А если слоган не заполнен, вместо него автоматически подставляется название бренда. Стиль «Стандарт» обходится вовсе без подписей, а к обоим вариантами доступна анимация при наведении и настраиваемое количество карточек в ряд.

Второй вариант отображения — сетка логотипов: более компактная плитка с логотипом и опциональным названием. При этом оформление карточек — заливка, тень, обводка — задаётся единым параметром для обоих блоков, так что вся страница выглядит цельно, а не как набор случайных виджетов.

Поиск на странице фильтрует результаты в том же стиле, что задан для списка, а SEO-разметка встроена прямо в шаблон и не требует сторонних модулей. Для описания и SEO-текста внизу страницы есть включаемые области, которые маркетолог редактирует сам, без обращения к разработчику. И это не просто эстетика: по опыту внедрений грамотно сделанная страница брендов снижает показатель отказов на брендовых запросах на 20–35%.

Тёмная тема
Тёмная тема — это уже не прихоть, а ожидание аудитории. В версии 1.10.0 она включается прямо в настройках решения, а в шапке сайта появляется переключатель, который меняет тему без перезагрузки страницы.

Доступны три режима по умолчанию:

• автоматический, следующий за настройками браузера;
• светлый;
• тёмный.
  

Причём для тёмной темы можно задать отдельные акцентные цвета и отдельный логотип, чтобы бренд не терялся на чёрном фоне.

Мобильное нижнее меню

Нижнее меню теперь настраивается полностью, через отдельную вкладку с drag-and-drop, где порядок пунктов меняется простым перетаскиванием.
Для каждого пункта задаются:

• иконка — своя или из предустановленных;
• название;
• ссылка;
• тип: корзина, избранное, сравнение, профиль, каталог или произвольная ссылка.
  

Тип определяет поведение автоматически: например, у корзины подтягиваются счётчики. Любой пункт можно деактивировать без удаления или изменить, а подписи под иконками при желании скрыть вовсе.

Если пунктов оказывается больше пяти, дополнительные прячутся под кнопку «Ещё». Теперь вы можете добавить неограниченное количество пунктов в нижнее меню вашего сайта.


Новые шапки и варианты подвала

В обновлении добавились новые варианты шапок с разным расположением каталога, поиска, контактов и иконок, а заодно завершилась серия по наполнению подвалов — теперь доступны новые варианты футера. Переключение между ними происходит прямо в административных настройках, без правки кода.


Горизонтальный вид меню каталога


Для ниш, где важно показать весь каталог сразу, не заставляя пользователя раскрывать выпадающие списки, добавлен новый шаблон меню — горизонтальный. Разделы выстраиваются в строку, а баннер при этом остаётся зафиксированным на месте. Переключается вид через параметры компонента, и опционально к разделам в строке меню можно добавить изображения.


Режим списка в каталоге

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

Поэтому в обновлении 1.10.0 появился режим «список» в каталоге: пользователь переключает вид самостоятельно, администратор задаёт умолчание в параметрах компонента.


Фильтр на странице поиска

Представьте: пользователь ищет «кроссовки» и получает 200 позиций из разных разделов сразу. Без фильтра ему остаётся либо пролистать всё, либо уйти — и неудивительно, что конверсия с поисковых запросов без сужения выборки оказывается на 30–40% ниже, чем в каталоге.

В Сотбит: Розница 1.10.0 на страницу результатов поиска добавлен фильтр, который подтягивает свойства прямо из найденной выборки и работает точно так же, как фильтр в каталоге. Заодно доработано и облако применённых фильтров в самом каталоге: теги теперь показывают выбранные значения, а клик по тегу снимает это значение без необходимости открывать всю панель фильтра.



Цвет через изображение товара
Цветовой квадрат — самый распространённый способ показать варианты товара, но он не даёт представления о том, как этот вариант выглядит на самом деле. В версии 1.10.0 вместо цвета можно выводить превью изображения торгового предложения, и покупатель видит реальный вариант товара прямо в каталоге, ещё до перехода в карточку.


Полный список обновления Сотбит: Розница 1.10.0
Новые функциональные возможности:

• Комплексно переработана страница брендов
• Добавлены новые шапки для шаблона
• Добавлены новые варианты подвала сайта для шаблона
• Добавлена тёмная тема в решение
• Добавлена возможность настраивать мобильное нижнее меню
• Добавлен горизонтальный вид меню каталога
• Добавлен режим отображения каталога товаров в виде списка
• Добавлена возможность переопределять административные настройки сайта параметрами компонента
• Добавлен фильтр на страницу с результатами поиска
• Добавлена возможность задавать цвет с помощью изображения товара
• Добавлена возможность задавать alt и title для изображений в дополнительных картинках
• Добавлены хлебные крошки для детальной страницы товара в мобильной версии сайта
  

Оптимизация и исправления:

• Оптимизировано отображение применённых значений фильтра в решении
• Оптимизирована библиотека слайдера в решении: KeenSlider изменена на Swiper
• Оптимизирована страница с результатами поиска
• Оптимизирована настройка инфоблоков в административной части сайта
• Оптимизировано отображение анонса и описания в третьей детальной карточке товара
• Оптимизировано отображение капчи
• Исправлено отображение кнопки «Войти» для неавторизованного пользователя при включении автокомпозитного режима
• Оптимизировано отображение иконок и описания платёжных систем на странице личного счёта
• Повышена устойчивость к потенциальным угрозам в решении
• Добавлена поддержка динамической цветовой схемы для Yandex SmartCaptcha (sotbit.captcha 1.1.1)
• Оптимизирована работа модуля для страницы оформления заказа (sotbit.captcha 1.1.1)
• Оптимизирована работа поиска для элементов с нулевым остатком (sotbit.smartsearch 1.2.3)
• Прочие мелкие правки и улучшения
  

Резюме
Сотбит: Розница 1.10.0 — одно из самых насыщенных обновлений. Страница брендов, тёмная тема и гибкое мобильное меню закрывают задачи, которые раньше требовали отдельной разработки, а горизонтальный каталог, режим списка, фильтр в поиске и цвет через изображение расширяют возможности настройки под нишу без единой правки кода.

Если ещё не используете Сотбит: Розницу — оставьте заявку прямо сейчас и познакомьтесь с демо-режимом шаблона.