130  /  522
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Настройки отображения тизеров

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

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

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

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


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



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



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

Тизеры могут быть картинками, иконками или текстом в виде изображения. Рассмотрим подробнее каждый вариант изображения.




  • тизеры иконками;


  • тизеры картинками;


  • тизеры текстом.


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

Тизерам можно задать отображение только трех или четырех элементов в строке.



  • 3 элемента в строке;


  • 4 элемента в строке.


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


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


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


Для первого типа позицию картинки можно установить либо слева, либо сверху от текста.


  • позиция картинки слева от текста;


  • позиция картинки сверху от текста.


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


  • неширокие тизеры;


  • широкие тизеры;


  • с отступами;


  • без отступов.