Сотбит: Розница 1.11.0 — Бренды, товар под заказ и умные уведомления — советы в блоге

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

Версия 1.11.0 отвечает на все три запроса. Бренды получили полноценное присутствие на главной и собственный брендовый лендинг внутри магазина. Товары с нулевым остатком и без цены — четыре настраиваемых сценария поведения вместо тупика. Уведомления переписаны с нуля: три режима, расширенный формат с фото и ценой, гибкое расположение. И ещё шесть обновлений — от новых шаблонов выбора городов до анимаций в каталоге.

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

• Настройка блока брендов на главной странице
• Переработанная детальная карточка бренда
• Умные всплывающие уведомления
• Товар под заказ
• Товар без цены
• Новые шаблоны выбора городов
• Поддержка VK Видео
• Анимация перелистывания картинок в каталоге
• Доработка облака применённых фильтров
• Оптимизации и исправления
  

Переходим к подробностям.

Бренды на главной странице

В версии 1.10.0 была переработана страница списка брендов: имиджевые витрины, сетка логотипов, поиск, SEO-разметка. Это хорошо закрывало раздел каталога, но главная страница по-прежнему оставалась без расширенной настройки брендов. В 1.11.0 работа над брендами завершена — они появились и здесь.

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

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

Количество видимых строк и кнопка «Показать ещё» управляются из административной части. Это важная деталь: главная страница не превращается в витрину одних только брендов — всё дозировано и контролируется.
Детальная страница бренда


До этого обновления детальная страница бренда была функциональной, но скромной: описание, список разделов каталога. Никакой маркетинговой глубины, никакой связи с остальным контентом магазина. В Сотбит: Розница 1.11.0 страница переработана так, чтобы стать полноценным брендовым лендингом внутри магазина.

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

К описанию добавился слоган, свойства и опция сворачивания длинных текстов. Если у бренда объёмная история, покупатель видит начало и может развернуть — страница не превращается в полотно.
Отдельное нововведение — связи между сущностями. Теперь на страницу бренда можно вывести связанные элементы из других инфоблоков: акции, статьи, услуги, суббренды, документы и сертификаты. Заголовки этих блоков переопределяются в компоненте под язык бизнеса — «Сертификаты качества», «Гарантийные документы», «Официальные дилеры» — как угодно. Порядок блоков настраивается в формате drag-and-drop, ненужные — отключаются без удаления.
При этом количество разделов каталога в блоке ограничивается параметром: если у бренда участвует тридцать категорий, они не превращаются в бесконечный список — лишние прячутся под кнопку с числом скрытых.

SEO-разметка Schema.org и Open Graph приведены в порядок — детальная страница бренда теперь корректно читается поисковиком и выглядит правильно при расшаривании в соцсетях.

Всплывающие уведомления


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

В версии 1.11.0 система уведомлений переписана полностью, и в основе лежит идея трёх режимов. «Умный» режим — рекомендуемый по умолчанию — показывает уведомления только при коммерческих действиях: добавление в корзину, отправка заявки. Добавление в избранное или сравнение не сопровождается всплывашкой: счётчик в шапке меняется, и этого достаточно — именно так работают современные интерфейсы. «Максимальный» режим показывает все события без исключения — для тех, кому важна подробная обратная связь на каждое действие. «Отключён» — уведомлений нет совсем.

Коммерческие уведомления получили новый формат — rich toast. Вместо строки текста теперь карточка: изображение товара, его название и цена. Покупатель сразу видит, что именно и по какой цене оказалось в корзине, и может одним кликом перейти туда. При наведении на уведомление оно остаётся на экране, пока курсор рядом, и исчезает через 5 секунд после его ухода — достаточно, чтобы прочитать, и не настолько долго, чтобы мешать.
Если уведомление появляется, пока предыдущее ещё не исчезло, новое не перекрывает старое — оно сдвигается в сторону, оба видны одновременно. Всё это настраивается: изображение, цена, прогресс-бар до минимальной суммы заказа, расположение (любой угол или центр). Отключение названия переводит уведомление в упрощённый текстовый режим — для тех, кому нужна старая логика работы уведомлений и минимальный вид.


Товар под заказ


Товар закончился на складе. Покупатель видел «Нет в наличии» — и это был тупик. Нет кнопки, нет формы, нет следующего шага. Часть из них уходила, так и не оставив контакт.

В Сотбит: Розница 1.11.0 в административной части появился раздел «Товары под заказ», который позволяет задать поведение магазина в этом сценарии — не одно фиксированное, а на выбор из четырёх.

Первый сценарий — форма заявки. Кнопка «Под заказ» открывает форму, в которую автоматически передаются цена товара, выбранное количество, итоговая сумма и ссылка на страницу. Менеджер получает заявку со всей необходимой информацией и может её обработать. Форма выбирается из любых доступных в системе — если у магазина уже есть своя, в настройках подключается она.

Второй сценарий — обычная покупка с пометкой. Если 1С-Битрикс разрешает добавление в корзину при нулевом остатке, кнопка «Купить» остаётся, а в корзине рядом с товаром появляется метка «Под заказ». Это подходит производствам и дистрибьюторам, которые работают с предзаказами как со стандартным форматом.

Третий сценарий — подписка: кнопка «Подписаться» появляется при включённом штатном функционале подписок 1С-Битрикс и уведомляет покупателя, когда товар поступит. Четвёртый — скрыть кнопку: товар остаётся в каталоге, но без призыва к действию.

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


Товар без цены


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

В версии 1.11.0 для таких товаров тоже задаётся поведение: форма («Узнать цену», «Запросить коммерческое предложение» — любой текст кнопки и любая форма) или текстовая подпись вместо цены — например, «Цена по запросу». Форма выбирается та же, что задана для товаров под заказ, или отдельная. Статус наличия тоже настраивается независимо.

Вместе функционал товаров под заказ и без цены закрывает все нетиповые ситуации в каталоге, которые раньше требовали либо ручных доработок, либо просто игнорировались.


Новые шаблоны выбора городов


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

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

В обоих вариантах любые элементы отключаются: нужен только поиск — убираете популярные, нужны только популярные — убираете строку поиска. Заголовок «Популярные города» переопределяется под логику бизнеса: «Города доставки», «Наши магазины», «Регионы присутствия» — как угодно.

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


Поддержка VK Видео


Видеоконтент в магазине — это демонстрация товаров в действии, обзоры, распаковки и обучающие материалы. В версии 1.9.0 на главную мы добавлен блок RUTUBE, а в 1.11.0 к нему добавился VK Видео.

Настройка аналогична: в административной части указываются ID приложения и ID сообщества, затем выполняется вход через API. Заголовок блока переопределяется в компоненте под нужное название раздела.



Анимация перелистывания в каталоге


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

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

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


Облако применённых фильтров


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

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

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


Полный список обновления Сотбит: Розница 1.11.0

Новые функциональные возможности:

• Добавлена настройка блока брендов на главной странице
• Переработана детальная карточка брендов
• Переработаны всплывающие уведомления
• Добавлен функционал «Товар под заказ»
• Добавлен функционал «Товар без цены»
• Добавлены новые шаблоны выбора городов (sotbit.regions)
• Добавлена поддержка VK Видео
• Добавлена анимация перелистывания картинок товаров в каталоге
• Доработан функционал облака применённых фильтров
  

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

• Исправлено отображение таблицы цен в тёмной теме
• Исправлен учёт коэффициента товара в веб-форме «Намекни другу о подарке»
• Исправлена индексация содержимого табов в третьей детальной карточке товара
• Оптимизирована конвертация для брендов
• Оптимизировано добавление файлов в административной части сайта
• Оптимизирована логика отслеживания событий в Яндекс Метрике при отправке форм
• Оптимизирована обработка события «Add_to_cart» для Яндекс Метрики
• Оптимизировано перенаправление ссылок в динамической карте сайта (sotbit.regions 1.8.11)
• Повышена устойчивость к потенциальным угрозам в решении (sotbit.regions 1.8.11)
• Добавлена возможность копирования шаблона автогенерации (sotbit.seometa 2.5.5)
• Добавлен поиск для перелинковки на другие условия (sotbit.seometa 2.5.5)
• Оптимизирован запрос для создания карты сайта и работа со свойством «Привязка к разделам» (sotbit.seometa 2.5.5)
• Расширены параметры при экспорте списка ЧПУ в файл и фильтр списка условий (sotbit.seometa 2.5.5)
• Оптимизированы экспорт условий, копирование условий и отображение метаинформации в режиме фильтра без ЧПУ (sotbit.seometa 2.5.5)
• Улучшено отображение сообщений о дублях ссылок (sotbit.seometa 2.5.5)
• Прочие мелкие правки и улучшения
  

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

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