1. aspro.ru
  2. Аспро: Приорити 2.0
  3. Главная страница
  4. Тизеры преимуществ на главной
  5. Настройки отображения тизеров

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


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

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

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

70339f05-7b64-11f1-8fe4-fa163e2ff576

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

067df7be-7b5c-11f1-8fe4-fa163e2ff576

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

fdd3bd48-7b5f-11f1-8fe4-fa163e2ff576

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

b5ba67ef-7b64-11f1-8fe4-fa163e2ff576

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

7ed00235-7b5f-11f1-8fe4-fa163e2ff576

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

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

83f157ba-7b5b-11f1-8fe4-fa163e2ff576

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

1c57047c-7b62-11f1-8fe4-fa163e2ff576

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

2944b2dc-7b63-11f1-8fe4-fa163e2ff576

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

1f9bc0ce-7b5e-11f1-8fe4-fa163e2ff576

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

1c57047c-7b62-11f1-8fe4-fa163e2ff576

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

3830bb80-7b5e-11f1-8fe4-fa163e2ff576

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

4fdb4ac2-7b5c-11f1-8fe4-fa163e2ff576

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

c6b8b4a6-7b60-11f1-8fe4-fa163e2ff576

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

6c269605-7b5e-11f1-8fe4-fa163e2ff576

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

a92ff3af-7b60-11f1-8fe4-fa163e2ff576

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

a3b58a0d-7b60-11f1-8fe4-fa163e2ff576

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

1443790f-7b63-11f1-8fe4-fa163e2ff576

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

6a996c96-7b60-11f1-8fe4-fa163e2ff576

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

a91f44e9-7b5e-11f1-8fe4-fa163e2ff576

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

34ed81df-7b63-11f1-8fe4-fa163e2ff576

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

6abc77ce-7b5c-11f1-8fe4-fa163e2ff576

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

34ed81df-7b63-11f1-8fe4-fa163e2ff576

Предыдущая статья Тизеры преимуществ на главной
Следующая статья Дополнительные настройки блока тизеров