Документация Сотбит: Розница. Основные разделы. Бренды. Настройка списка брендов
Раздел Бренды (/brands/) предоставляет пользователям удобный интерактивный каталог производителей. Раздел полностью адаптирован под мобильные устройства, поддерживает горизонтальные свайп-карусели, гибкие SEO-инструменты, встроенный поиск по инфоблоку и автоматическую микроразметку.
Гибкое комбинирование разделов и стилей оформления
Раздел Бренды спроектирован как максимально гибкий конструктор. Администратор сайта может адаптировать страницу под любые маркетинговые и визуальные задачи:
Полностью отключать строку поиска и промо-блок популярных брендов, оставив на странице только основной список брендов.
Включать и выводить все блоки одновременно.
Произвольно комбинировать варианты отображения. Например, вы можете представить основной список в виде яркой Имиджевой витрины, а блок популярных брендов — в виде компактной Сетки логотипов (или наоборот). Также доступна настройка одинаковых шаблонов для обоих разделов для сохранения строгого единообразия.
Настройки оформления карточек (Обводка, Фоновая заливка и Парящая тень) применяются для всех блоков на странице списка брендов. Они одновременно влияют на внешний вид карточек в обоих блоках — и в разделе Популярные бренды, и в основном списке. Раздельная настройка стилей для этих блоков не предусмотрена.
Настройки внешнего вида, вариантов отображения карточек и структуры страницы осуществляются в административной панели сайта.
Перейдите в настройки модуля по пути: Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта]
В открывшемся окне выберите вкладку Бренды.
Административные настройки раздела
На вкладке Бренды расположены параметры управления структурой страницы, отображением промо-блоков, поисковой строкой и визуальным оформлением карточек.
Интерфейс настроек является динамическим: при переключении ключевых опций неактуальные поля автоматически скрываются. Например, при выборе режима Алфавитный указатель скрываются настройки количества колонок и оформления карточек, так как этот режим предполагает чисто текстовый вывод.
Таблица параметров
Поле
Описание
Основной список
Вариант отображения
Определяет режим вывода основного списка брендов на странице:
• Сетка логотипов (TILE) — компактные плитки с логотипами;
• Имиджевая витрина (SHOWCASE) — крупные карточки формата 3:4 с баннером и логотипом;
• Алфавитный указатель (ALPHABET) — текстовый список, сгруппированный по буквам.
Количество карточек в строке
Количество элементов в одной строке на десктопных экранах (4, 5 или 6). Скрывается, если выбран режим Алфавитный указатель.
Стиль оформления
Стиль отображения для имиджевой витрины:
• Стандарт — плоский логотип по центру плашки;
• Акцент — логотип-круг на стыке баннера и плашки. Доступно только при режиме Имиджевая витрина.
Отображать названия брендов
Включает вывод текстовых названий брендов под их логотипами. Доступно только в режиме Сетка логотипов.
Отображать слоган
Включает отображение слогана бренда на плашке карточки. Доступно только для стиля Акцент в режиме Имиджевая витрина.
Анимация при наведении на карточку
Эффект анимации баннера при наведении курсора (например, приближение или вспышка). Доступно только для режима Имиджевая витрина.
Особенность анимации «Панорама»:
Этот эффект смещает изображение по горизонтали. Чтобы избежать искажения, растягивания картинки или появления пустых полей при наведении, используйте для баннеров
горизонтальные изображения с запасом фона по бокам
. Все ключевые объекты (логотипы, товары) должны располагаться по центру баннера. Обычные вертикальные изображения впритык для этой анимации не подходят.
Оформление карточек
Обводка
Добавляет тонкую внешнюю границу для карточек брендов. Скрывается в режиме Алфавитный указатель.
Фоновая заливка
Задает мягкий фоновый цвет для плиток. Скрывается в режиме Алфавитный указатель.
Парящая тень
Включает эффект объема и тени, усиливающийся при наведении курсора. Скрывается в режиме Алфавитный указатель.
Популярные бренды
Отображать блок «Популярные бренды»
Включает вывод выделенного промо-блока популярных брендов в верхней части страницы.
Вариант отображения популярных брендов
Режим вывода для популярного блока:
• Имиджевая витрина (SHOWCASE);
• Сетка логотипов (TILE).
Стиль оформления популярных брендов
Стиль отображения для популярного блока в режиме витрины (Стандарт или Акцент).
Отображать слоган в популярных брендах
Включает отображение слоганов для популярных брендов (для стиля витрины Акцент).
Количество карточек в строке (популярные бренды)
Количество элементов популярных брендов в строке на десктопе (4, 5 или 6).
Максимальное количество популярных брендов
Лимит отображаемых популярных брендов в промо-блоке (целое число от 1).
Поиск
Отображать поле «Поиск»
Включает отображение строки быстрого поиска по брендам на странице.
Обратите внимание, что управление лимитами выводимых элементов разделено между глобальными настройками решения и локальными параметрами компонента:
Блок популярных брендов: Максимальное количество карточек, отображаемых в промо-блоке, настраивается в глобальной административной панели во вкладке Бренды (с помощью параметра Максимальное количество популярных брендов).
Основной список брендов: Количество выводимых брендов на одной странице (лимит для пагинации) настраивается непосредственно в параметрах самого компонента новостей sotbit:b2c.news в публичной части сайта.
Для изменения лимита элементов основного списка:
Перейдите в публичную часть сайта и на верхней панели Битрикс активируйте Режим правки.
Наведите курсор мыши на область брендов и во всплывающем меню нажмите на кнопку с изображением шестеренки для вызова настроек компонента.
В открывшемся окне параметров компонента перейдите в левом меню на вкладку Основные параметры(1).
В правой части окна найдите поле Количество новостей на странице(2), введите требуемое числовое значение и нажмите кнопку Сохранить(3).
Порядок и структура вывода блоков
Страница брендов рендерится в строго определенном порядке, гарантирующем логичность интерфейса и удобство поисковой оптимизации (SEO):
(2). Верхний SEO-текст: Подключается из файла seo_top.php шаблона компонента. Если файл пуст, оберточный контейнер полностью вырезается из HTML-кода (DOM) страницы.
(3). Поисковая строка: Отображается, если активна опция Отображать поле «Поиск».
(4). Заголовок H2 «Популярные бренды»: Скрывается, если промо-блок популярных брендов отключен.
(5). Блок «Популярные бренды»: Выводит элементы, у которых в инфоблоке заполнен флаг Популярный бренд (IS_FEATURED = Y). Ограничивается лимитом и сортируется по возрастанию индекса сортировки (SORT ASC).
(6). Заголовок H2 основного списка («Все бренды»): Скрывается автоматически, если популярные бренды отключены (чтобы на странице не дублировались H1 и H2). Также заголовок не выводится в режиме Алфавитный указатель.
(7). Основной список брендов: Выводится в выбранном режиме (Сетка логотипов, Имиджевая витрина или Алфавитный указатель). Популярные бренды не исключаются из основного списка каталога, чтобы не нарушать его целостность.
(8). Пагинация: Выводится только в режимах Сетка логотипов и Имиджевая витрина. В алфавитном режиме пагинация отсутствует, так как весь список отображается на одной странице.
(9). Нижний SEO-текст: Подключается из файла seo_bottom.php. Если файл пуст, оберточный контейнер полностью вырезается из HTML-кода (DOM) страницы.
Варианты отображения списка брендов
Раздел поддерживает три базовых режима отображения, которые позволяют адаптировать страницу под масштаб каталога вашего интернет-магазина.
Сетка логотипов:
Лаконичный плиточный режим, ориентированный на быстрое визуальное восприятие торговых марок.
«Отображать название бренда»Вкл. (название выводится под логотипом по центру карточки)
«Отображать название бренда»Выкл. (названия полностью скрыты, отображаются только логотипы брендов)
Имиджевая витрина:
Современный визуальный формат карточек с фиксированным соотношением сторон 3:4 (высокие карточки с обложкой-баннером).
В этом режиме текстовые названия брендов как отдельные независимые поля не отображаются никогда. Верхние 2/3 карточки всегда занимает баннер бренда (BRAND_COVER_IMAGE). Если баннер в инфоблоке не заполнен, автоматически выводится серая картинка-заглушка. Нижняя 1/3 карточки отведена под плашку для размещения логотипа и сопутствующего текста.
Режим витрины может быть выполнен в двух независимых стилях:
1. Стиль «Стандарт»:
Нижняя плашка: Имеет фиксированную высоту
Логотип: Плоское изображение центрируется по горизонтали и вертикали внутри плашки, не наезжая на баннер обложки.
Текст: Слоган бренда и название в этом стиле не выводятся в код страницы ни при каких условиях.
2. Стиль «Акцент»:
Логотип-бейдж: Оформляется в виде круглого бейджа. Бейдж позиционируется ровно на стыке баннера и плашки. Бейдж защищен внутренними отступами, что предотвращает обрезку круглых и широкоформатных логотипов.
Управление слоганом и высотой плашки:
Если опция Отображать слоган выключена — плашка имеет фиксированную высоту, текстовое поле слогана полностью отсутствует в структуре страницы.
Если опция Отображать слоган включена — плашка имеет увеличенную высоту для всех карточек блока одновременно. Логика вывода текста в плашке следующая:
Слоган заполнен: Выводится текст из свойства Слоган бренда (BRAND_SLOGAN).
Слоган пуст: Автоматически выводится системное название бренда (NAME), выполняя роль заглушки.
Длина текста: В обоих случаях применяется ограничение в две строки с многоточием. При увеличении высоты плашки баннер не сжимается, а перекрывается плашкой снизу на большую высоту.
Стиль «Стандарт»
Стиль «Акцент»
Алфавитный указатель
Формат для удобной группировки большого количества брендов по первой букве названия.
Навигация: Вверху выводится алфавитная панель. Клик по букве мгновенно позиционирует пользователя на нужной группе.
Ограничения: Оформление карточек (обводка, фон, тени) и постраничная пагинация в алфавитном режиме не применяются — все элементы выводятся списком на одной странице.
Адаптивность на смартфонах: На мобильных устройствах список брендов перестраивается в одну колонку. Алфавитная панель превращается в горизонтальную ленту со свайп-прокруткой.
Варианты отображения блока «Популярные бренды»
Блок поддерживает два режима отображения, которые позволяют дополнять основной список брендов привлекая внимание к баннерам, либо брендам, которые вы хотите выделить отдельно.
Имиджевая витрина, cтиль «Стандарт»
Имиджевая витрина, cтиль «Акцент»
Сетка логотипов, «Отображать название бренда» Вкл.
Карусель популярных брендов на мобильных
Для удобства пользователей на экране одновременно отображается 1.2–1.3 карточки, что визуально демонстрирует возможность прокрутки блока.
Поиск по брендам
Интегрированная поисковая строка позволяет быстро отфильтровать бренды по названию. Найденные бренды отображаются в поиске в том же стиле, который выбран как основной список брендов.
Для использования интеллектуального поиска со словарями и автозаполнением рекомендуется интеграция с модулем Умный поиск(доступен в старших редакциях решения).
Интерактивное оформление и особенности темной темы
Вы можете настроить визуальный стиль карточек (обводку, фоновую заливку или тень) под дизайн-концепцию вашего проекта. Эти стили динамически реагируют на наведение курсора и клики на устройствах.
Ограничения в темной теме оформления
Для сохранения высокого контраста, легкой читаемости логотипов и предотвращения эффекта “визуального шума” в темной теме оформления опции Обводка и Фоновая заливка заблокированы в едином системном стиле решения. Включение или отключение этих чекбоксов в панели управления не повлияет на внешний вид карточек в темной теме. Настройка Парящая тень полностью поддерживается и может свободно настраиваться администратором.
Автоматическая микроразметка Schema.org
На странице каталога брендов работает автоматическая генерация микроразметки формата JSON-LD типа ItemList. Данная разметка помогает поисковым роботам лучше индексировать структуру страницы и формировать более привлекательные сниппеты в поисковой выдаче.
В режимах плитки и витрины: В разметку включаются только те бренды, которые выведены на текущей странице пагинации. Значение параметра position рассчитывается автоматически с учетом номера текущей страницы и смещения пагинации.
В режиме алфавитного указателя: В разметку включаются первые 100 брендов, отсортированных по умолчанию (SORT ASC), а отсчет параметра position всегда начинается с 1.
Микроразметка генерируется автоматически и не требует ручных настроек со стороны администратора сайта.
Редактирование верхнего и нижнего текстов
Верхний и нижний SEO-тексты на странице брендов выводятся с помощью механизма включаемых областей 1С-Битрикс. Это позволяет контент-менеджеру быстро редактировать текстовое наполнение прямо из публичной части сайта через стандартный визуальный редактор.
Редактирование верхнего SEO-текста
Текст выводится под основным заголовком H1, но выше строки поиска.
Данные физически хранятся в файле по пути /bitrix/components/sotbit/b2c.news/templates/brands/include/seo_top.php (1)
Для изменения верхнего текста:
Включите Режим правки на верхней панели администратора.
Наведите курсор мыши на область текста под H1-заголовком.
Во всплывающем меню нажмите кнопку Изменить область.
В открывшемся окне визуального редактора внесите необходимые правки в текст и нажмите кнопку Сохранить.
Редактирование нижнего SEO-текста
Текст выводится в самом низу страницы, под блоком пагинации. Он отлично подходит для размещения развернутых статей о преимуществах представленных производителей. Данные хранятся в файле /bitrix/components/sotbit/b2c.news/templates/brands/include/seo_bottom.php(1)
Для изменения нижнего текста:
Включите Режим правки.
Прокрутите страницу вниз к текстовому блоку, расположенному под постраничной навигацией.
Наведите курсор на текст и во всплывающем меню нажмите кнопку Изменить область.
Отредактируйте текст в окне визуального редактора (вы можете использовать списки, заголовки разного уровня, полужирное выделение и ссылки) и нажмите кнопку Сохранить.
Диагностика раздела в Мастере внедрения
Если у вас возникли сложности с отображением разделов, баннеров или популярных брендов, воспользуйтесь встроенной системой диагностики.
Перейдите в настройки диагностики по пути: Администрирование > Сотбит > Сотбит: Розница > Мастер внедрения
Проверка свойств инфоблока: Проверяется наличие обязательных свойств BRAND_COVER_IMAGE, BRAND_SLOGAN и IS_FEATURED. Если какое-то из свойств удалено или настроено некорректно, система выведет предупреждение ⚠️ с подсказкой по исправлению. Подробнее о настройке инфоблока читайте в статье Инфоблок брендов.
Диагностика наполнения: Система проверит, отмечены ли бренды как популярные и загружены ли для них баннеры. В случае отсутствия баннеров при активном режиме Имиджевая витрина система выдаст предупреждение о том, что на сайте будут выводиться заглушки.
Информационный статус настроек: В виде удобного списка со статусом ✅ выводится сводная информация обо всех активных на данный момент административных настройках, лимитах и включенных стилях оформления карточек.