Настройки оформления блока «Баннеры с фоном»

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

Общие настройки блока

При любом типе отображения для блока с разделами каталога можно установить разделитель для указания границы блока и назначить серый фон на весь блок вместо белого (1). А также задать верхние и нижние отступы, которые отделяют блок от соседних (2).

Вот так выглядит блок с разделителем и серым фоном.

Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.

• верхний блок: 0, нижний: 0;

• верхний блок: 130, нижний: 130.

Настройки по типам блока

Каждому типу можно настроить ширину баннеров и отступы между баннерами (1). Можно задать количество строк в каждом типе и отдельно для второго типа количество элементов в строке (2). Чем больше количество строк, тем больше баннеров в блоке. Верхние и нижние отступы, которые отделяют блок от соседних, задаются отдельно (3).

Рассмотрим, чем отличаются широкие и неширокие баннеры, с отступами и без отступов:

• неширокий баннер;

• широкий баннер;

• баннеры с отступами;

• баннеры без отступов.

Для любого типа баннера можно задать 1, 2, 3 или неограниченное количество строк. Рассмотрим разницу между числом строк.

• количество строк: 1;

• количество строк: 2.

Для второго типа отображения баннеров отдельно можно настроить либо 2 элемента в строке, либо 3.

• количество элементов в строке: 2;

• количество элементов в строке: 3.

Дополнительные настройки

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

На вкладке «Источник данных» можно задать порядок отображения вопросов. Перейдите в раздел «Источник данных» → Задайте поле для первой сортировки (1) → Укажите направление первой сортировки (2).  Нажмите «Сохранить». 

Иногда значения элементов совпадают по первому полю. Тогда какой элемент отобразить раньше, будет решено по второму полю. Задайте поле для второй сортировки (3) → Укажите направление второй сортировки (4).

Сохраните изменения.