98  /  128

Документация Сотбит: Розница. Основные разделы. Бренды. Настройка списка брендов

Раздел Бренды (/brands/) предоставляет пользователям удобный интерактивный каталог производителей. Раздел полностью адаптирован под мобильные устройства, поддерживает горизонтальные свайп-карусели, гибкие SEO-инструменты, встроенный поиск по инфоблоку и автоматическую микроразметку.
Гибкое комбинирование разделов и стилей оформления
Раздел Бренды спроектирован как максимально гибкий конструктор. Администратор сайта может адаптировать страницу под любые маркетинговые и визуальные задачи:
  • Полностью отключать строку поиска и промо-блок популярных брендов, оставив на странице только основной список брендов.
  • Включать и выводить все блоки одновременно.
  • Произвольно комбинировать варианты отображения. Например, вы можете представить основной список в виде яркой Имиджевой витрины, а блок популярных брендов — в виде компактной Сетки логотипов (или наоборот). Также доступна настройка одинаковых шаблонов для обоих разделов для сохранения строгого единообразия.
Настройки оформления карточек (ОбводкаФоновая заливка и Парящая тень) применяются для всех блоков на странице списка брендов. Они одновременно влияют на внешний вид карточек в обоих блоках — и в разделе Популярные бренды, и в основном списке. Раздельная настройка стилей для этих блоков не предусмотрена.
Настройки внешнего вида, вариантов отображения карточек и структуры страницы осуществляются в административной панели сайта.
Перейдите в настройки модуля по пути: Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта]
В открывшемся окне выберите вкладку Бренды.

Административные настройки раздела

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

Таблица параметров

 
Поле
Описание
Основной список
 Вариант отображения
Определяет режим вывода основного списка брендов на странице:
Сетка логотипов (TILE) — компактные плитки с логотипами;
Имиджевая витрина (SHOWCASE) — крупные карточки формата 3:4 с баннером и логотипом;
Алфавитный указатель (ALPHABET) — текстовый список, сгруппированный по буквам.
 Количество карточек в строке
Количество элементов в одной строке на десктопных экранах (4, 5 или 6). Скрывается, если выбран режим Алфавитный указатель.
 Стиль оформления
Стиль отображения для имиджевой витрины:
Стандарт — плоский логотип по центру плашки;
Акцент — логотип-круг на стыке баннера и плашки. Доступно только при режиме Имиджевая витрина.
 Отображать названия брендов
Включает вывод текстовых названий брендов под их логотипами. Доступно только в режиме Сетка логотипов.
 Отображать слоган
Включает отображение слогана бренда на плашке карточки. Доступно только для стиля Акцент в режиме Имиджевая витрина.
 Анимация при наведении на карточку
Эффект анимации баннера при наведении курсора (например, приближение или вспышка). Доступно только для режима Имиджевая витрина.
Особенность анимации «Панорама»:
Этот эффект смещает изображение по горизонтали. Чтобы избежать искажения, растягивания картинки или появления пустых полей при наведении, используйте для баннеров 
горизонтальные изображения с запасом фона по бокам
. Все ключевые объекты (логотипы, товары) должны располагаться по центру баннера. Обычные вертикальные изображения впритык для этой анимации не подходят.
Оформление карточек
 Обводка
Добавляет тонкую внешнюю границу для карточек брендов. Скрывается в режиме Алфавитный указатель.
 Фоновая заливка
Задает мягкий фоновый цвет для плиток. Скрывается в режиме Алфавитный указатель.
 Парящая тень
Включает эффект объема и тени, усиливающийся при наведении курсора. Скрывается в режиме Алфавитный указатель.
Популярные бренды
 Отображать блок «Популярные бренды»
Включает вывод выделенного промо-блока популярных брендов в верхней части страницы.
 Вариант отображения популярных брендов
Режим вывода для популярного блока:
Имиджевая витрина (SHOWCASE);
Сетка логотипов (TILE).
 Стиль оформления популярных брендов
Стиль отображения для популярного блока в режиме витрины (Стандарт или Акцент).
 Отображать слоган в популярных брендах
Включает отображение слоганов для популярных брендов (для стиля витрины Акцент).
 Количество карточек в строке (популярные бренды)
Количество элементов популярных брендов в строке на десктопе (4, 5 или 6).
 Максимальное количество популярных брендов
Лимит отображаемых популярных брендов в промо-блоке (целое число от 1).
 Поиск
 Отображать поле «Поиск»
Включает отображение строки быстрого поиска по брендам на странице.
Обратите внимание, что управление лимитами выводимых элементов разделено между глобальными настройками решения и локальными параметрами компонента:
  1. Блок популярных брендов: Максимальное количество карточек, отображаемых в промо-блоке, настраивается в глобальной административной панели во вкладке Бренды (с помощью параметра Максимальное количество популярных брендов).
  2. Основной список брендов: Количество выводимых брендов на одной странице (лимит для пагинации) настраивается непосредственно в параметрах самого компонента новостей sotbit:b2c.news в публичной части сайта.
Для изменения лимита элементов основного списка:
  1. Перейдите в публичную часть сайта и на верхней панели Битрикс активируйте Режим правки.
  2. Наведите курсор мыши на область брендов и во всплывающем меню нажмите на кнопку с изображением шестеренки для вызова настроек компонента.
  3. В открывшемся окне параметров компонента перейдите в левом меню на вкладку Основные параметры(1).
  4. В правой части окна найдите поле Количество новостей на странице(2), введите требуемое числовое значение и нажмите кнопку Сохранить(3).
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 2

Порядок и структура вывода блоков

Страница брендов рендерится в строго определенном порядке, гарантирующем логичность интерфейса и удобство поисковой оптимизации (SEO):
(1). Хлебные крошки + H1 (основной заголовок страницы).
(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
«Отображать название бренда» Выкл. (названия полностью скрыты, отображаются только логотипы брендов)
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 5
Имиджевая витрина:
Современный визуальный формат карточек с фиксированным соотношением сторон 3:4 (высокие карточки с обложкой-баннером).
В этом режиме текстовые названия брендов как отдельные независимые поля не отображаются никогда. Верхние 2/3 карточки всегда занимает баннер бренда (BRAND_COVER_IMAGE). Если баннер в инфоблоке не заполнен, автоматически выводится серая картинка-заглушка. Нижняя 1/3 карточки отведена под плашку для размещения логотипа и сопутствующего текста.
Режим витрины может быть выполнен в двух независимых стилях:
1. Стиль «Стандарт»:
  • Нижняя плашка: Имеет фиксированную высоту
  • Логотип: Плоское изображение центрируется по горизонтали и вертикали внутри плашки, не наезжая на баннер обложки.
  • Текст: Слоган бренда и название в этом стиле не выводятся в код страницы ни при каких условиях.
2. Стиль «Акцент»:
  • Логотип-бейдж: Оформляется в виде круглого бейджа. Бейдж позиционируется ровно на стыке баннера и плашки. Бейдж защищен внутренними отступами, что предотвращает обрезку круглых и широкоформатных логотипов.
  • Управление слоганом и высотой плашки:
  • Если опция Отображать слоган выключена — плашка имеет фиксированную высоту, текстовое поле слогана полностью отсутствует в структуре страницы.
  • Если опция Отображать слоган включена — плашка имеет увеличенную высоту для всех карточек блока одновременно. Логика вывода текста в плашке следующая:
  • Слоган заполнен: Выводится текст из свойства Слоган бренда (BRAND_SLOGAN).
  • Слоган пуст: Автоматически выводится системное название бренда (NAME), выполняя роль заглушки.
  • Длина текста: В обоих случаях применяется ограничение в две строки с многоточием. При увеличении высоты плашки баннер не сжимается, а перекрывается плашкой снизу на большую высоту.
Стиль «Стандарт»
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 6
Стиль «Акцент»
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 7
Алфавитный указатель
Формат для удобной группировки большого количества брендов по первой букве названия.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 8
  • Навигация: Вверху выводится алфавитная панель. Клик по букве мгновенно позиционирует пользователя на нужной группе.
  • Ограничения: Оформление карточек (обводка, фон, тени) и постраничная пагинация в алфавитном режиме не применяются — все элементы выводятся списком на одной странице.
  • Адаптивность на смартфонах: На мобильных устройствах список брендов перестраивается в одну колонку. Алфавитная панель превращается в горизонтальную ленту со свайп-прокруткой.

Варианты отображения блока «Популярные бренды»

Блок поддерживает два режима отображения, которые позволяют дополнять основной список брендов привлекая внимание к баннерам, либо брендам, которые вы хотите выделить отдельно.
 Имиджевая витрина, cтиль «Стандарт»                          
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 9
Имиджевая витрина, cтиль «Акцент»
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 10
Сетка логотипов, «Отображать название бренда» Вкл.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 11

Карусель популярных брендов на мобильных

Для удобства пользователей на экране одновременно отображается 1.2–1.3 карточки, что визуально демонстрирует возможность прокрутки блока.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 12

Поиск по брендам

Интегрированная поисковая строка позволяет быстро отфильтровать бренды по названию. Найденные бренды отображаются в поиске в том же стиле, который выбран как основной список брендов.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 13
Для использования интеллектуального поиска со словарями и автозаполнением рекомендуется интеграция с модулем Умный поиск (доступен в старших редакциях решения).

Интерактивное оформление и особенности темной темы

Вы можете настроить визуальный стиль карточек (обводку, фоновую заливку или тень) под дизайн-концепцию вашего проекта. Эти стили динамически реагируют на наведение курсора и клики на устройствах.
Ограничения в темной теме оформления
Для сохранения высокого контраста, легкой читаемости логотипов и предотвращения эффекта “визуального шума” в темной теме оформления опции Обводка и Фоновая заливка заблокированы в едином системном стиле решения. Включение или отключение этих чекбоксов в панели управления не повлияет на внешний вид карточек в темной теме. Настройка Парящая тень полностью поддерживается и может свободно настраиваться администратором.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 14

Автоматическая микроразметка 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)
Для изменения верхнего текста:
  1. Включите Режим правки на верхней панели администратора.
  2. Наведите курсор мыши на область текста под H1-заголовком.
  3. Во всплывающем меню нажмите кнопку Изменить область.
  4. В открывшемся окне визуального редактора внесите необходимые правки в текст и нажмите кнопку Сохранить.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 15Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 16
Редактирование нижнего SEO-текста
Текст выводится в самом низу страницы, под блоком пагинации. Он отлично подходит для размещения развернутых статей о преимуществах представленных производителей. Данные хранятся в файле /bitrix/components/sotbit/b2c.news/templates/brands/include/seo_bottom.php (1)
Для изменения нижнего текста:
  1. Включите Режим правки.
  2. Прокрутите страницу вниз к текстовому блоку, расположенному под постраничной навигацией.
  3. Наведите курсор на текст и во всплывающем меню нажмите кнопку Изменить область.
  4. Отредактируйте текст в окне визуального редактора (вы можете использовать списки, заголовки разного уровня, полужирное выделение и ссылки) и нажмите кнопку Сохранить.
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 17
Документация Сотбит: Сотбит: Розница. Настройка списка брендов. Картинка 18

Диагностика раздела в Мастере внедрения

Если у вас возникли сложности с отображением разделов, баннеров или популярных брендов, воспользуйтесь встроенной системой диагностики.
Перейдите в настройки диагностики по пути: Администрирование > Сотбит > Сотбит: Розница > Мастер внедрения
Мастер внедрения автоматически проверит настройки раздела:
  • Проверка свойств инфоблока: Проверяется наличие обязательных свойств BRAND_COVER_IMAGE, BRAND_SLOGAN и IS_FEATURED. Если какое-то из свойств удалено или настроено некорректно, система выведет предупреждение ⚠️ с подсказкой по исправлению. Подробнее о настройке инфоблока читайте в статье Инфоблок брендов.
  • Диагностика наполнения: Система проверит, отмечены ли бренды как популярные и загружены ли для них баннеры. В случае отсутствия баннеров при активном режиме Имиджевая витрина система выдаст предупреждение о том, что на сайте будут выводиться заглушки.
  • Информационный статус настроек: В виде удобного списка со статусом выводится сводная информация обо всех активных на данный момент административных настройках, лимитах и включенных стилях оформления карточек.