Демо-инфоблок и промо-карточки

SenDev: Баннеры может создать инфоблок «SenDev: демо-промо баннеры». Это готовый пример того, как хранить составные рекламные карточки в стандартных элементах 1С-Битрикс.

Демо-инфоблок создаётся во время установки или позже через «Настройки».

[Скриншот 1: разделы и элементы демо-инфоблока]

Что находится внутри

В демонстрационной структуре есть разделы:

• Главная страница;
• Каталог и карточки товаров;
• Сезонные акции.

В каждом разделе находятся примеры элементов с фоновыми изображениями и заполненными свойствами оформления.

Для чего нужен этот инфоблок

Он решает две задачи:

1. показывает готовый пример структуры промо-контента;
2. может использоваться как основа для собственного рабочего инфоблока.

Для обычного графического баннера демо-инфоблок не нужен. Он полезен именно для карточек с заголовком, описанием, кнопкой и настраиваемым оформлением.

Как использовать элемент инфоблока

1. Создайте или выберите элемент.
2. Заполните название, описание и свойства.
3. Откройте карточку баннера.
4. Выберите источник «Элемент инфоблока».
5. Выберите инфоблок.
6. Найдите элемент по названию, коду или ID.
7. Выберите элемент и сохраните баннер.

В карточке доступна кнопка быстрого перехода к выбранному элементу в административной части.

BACKGROUND_IMAGE

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

SHOW_TITLE

Определяет, выводить ли заголовок. Если заголовок не нужен, лучше явно отключить его этим свойством, а не оставлять название пустым.

SHOW_TEXT

Управляет отображением описания.

SHOW_BUTTON

Управляет видимостью кнопки. При скрытой кнопке вся карточка всё равно может быть кликабельной, если это разрешено свойством CLICKABLE_AREA.

BUTTON_TEXT

Текст кнопки: например «Подробнее», «Купить», «Узнать условия».

BUTTON_URL

Целевой адрес кнопки или баннера, в зависимости от выбранной кликабельной области.

Цвета текста и кнопки

Для оформления доступны:

• TITLE_COLOR — цвет заголовка;
• TEXT_COLOR — цвет описания;
• BUTTON_TEXT_COLOR — цвет текста кнопки;
• BUTTON_BG_COLOR — фон кнопки.

Перед публикацией проверяйте контрастность текста на реальном фоне.

CARD_BG_COLOR

Фон текстовой области. Может использоваться, чтобы отделить текст от изображения. Например, допустим полупрозрачный фон, если он поддерживается шаблоном.

OVERLAY_COLOR и OVERLAY_OPACITY

Эти свойства управляют слоем поверх фоновой картинки. Цвет задаёт оттенок, а прозрачность — силу затемнения от 0 до 1.

Затемнение помогает сохранить читаемость текста на ярком фоне.

CONTENT_POSITION

Определяет положение текстового блока: слева, по центру, справа и в соответствующей вертикальной позиции.

TEXT_ALIGN

Задаёт выравнивание текста внутри блока.

CONTENT_WIDTH

Задаёт ширину текстовой области, например в пикселях или процентах. Используйте значения, согласованные с дизайном сайта.

BUTTON_BORDER_RADIUS

Скругление кнопки. Позволяет приблизить внешний вид к стилю проекта без отдельной вёрстки каждого баннера.

CUSTOM_CSS_CLASS

Добавляет дополнительный CSS-класс, который уже описан в стилях сайта. Это рекомендуемый способ сложной индивидуальной стилизации.

Сам произвольный CSS-код из элемента не должен использоваться как свободная вставка. Модуль рассчитан на ограниченный набор безопасных значений и подготовленные классы.

[Скриншот 2: свойства демонстрационного элемента]

CLICKABLE_AREA

Определяет область перехода:

• button — только кнопка;
• banner — вся карточка;
• both — вся карточка плюс видимая кнопка;
• none — без перехода.

Если кнопка скрыта, а карточка должна оставаться кликабельной, выберите banner.

Когда лучше создать собственный инфоблок

Для рабочего проекта собственный инфоблок удобнее, если:

• промо-элементов много;
• ими управляет отдельная редакционная команда;
• нужны дополнительные свойства;
• демонстрационные данные не должны смешиваться с рабочими.

Создайте структуру по аналогии с демо-инфоблоком и используйте её как постоянный источник.

Обновление старых демо-данных

Кнопка «Создать / обновить демо-инфоблок» может обновить старые фоновые изображения. Пользовательские тексты, цвета и положение не должны принудительно перезаписываться.

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

Если элемент не находится в карточке баннера

1. Проверьте наличие модуля инфоблоков.
2. Убедитесь, что выбран правильный инфоблок.
3. Введите точный ID элемента в поиск.
4. Проверьте, что элемент действительно принадлежит этому инфоблоку.
5. Проверьте его активность.
6. Обновите страницу и повторите выбор.

[Скриншот 3: публичная промо-карточка из элемента инфоблока]

Итог

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