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

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

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

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

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

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

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


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

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

Рассмотрим отображение заголовка блока. При выключенном параметре исчезает не только заголовок, но и описание.

  • блок с заголовком;


  • блок без заголовка.


Позиции заголовка блока могут быть следующих видов: обычный; заголовок слева, описание справа.

  • Обычная позиция заголовка.

  • Позиция заголовка: заголовок слева, описание справа.

Табы для переключения срока действия можно расположить внутри тарифов или сверху от них. При этом табы сверху будут общими для всех тарифов.

  • Расположение табов: внутри;


  • Расположение табов: сверху.

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

Каждому типу блока можно настроить ширину и отступы (1). Второму и третьему типу можно назначить вид изображения тарифов (2).


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

  • неширокие тарифы;


  • широкие тарифы;

  • тарифы с отступами;

  • тарифы без отступов;


Второму и третьему типу блока в качестве вида изображения можно назначить иконки или картинки.

  • изображения: иконки;

  • изображения: картинки;