1. aspro.ru
  2. Аспро: Медицинский центр 3.0 — особенности для Аспро: Медицинский центр 3.0
  3. Главная страница для Аспро: Медицинский центр 3.0
  4. Блок «Тарифы» на главной для Аспро: Медицинский центр 3.0
  5. Настройки оформления блока «Тарифы» для Аспро: Медицинский центр 3.0

Настройки оформления блока «Тарифы» для Аспро: Медицинский центр 3.0


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

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

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

89832b98-7b5d-11f1-8fe4-fa163e2ff576

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

0ade4677-7b63-11f1-8fe4-fa163e2ff576

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

7d2babbf-7b64-11f1-8fe4-fa163e2ff576
  • верхний блок: 0, нижний: 0;

829a96df-7b5f-11f1-8fe4-fa163e2ff576
  • верхний блок: 130, нижний: 130.
ba3ef7b7-7b63-11f1-8fe4-fa163e2ff576

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

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

7b0f7b01-7b62-11f1-8fe4-fa163e2ff576

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

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

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

  • Обычная позиция заголовка.
e057f865-7b5f-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: заголовок слева, описание справа.
3fc026cd-7b5f-11f1-8fe4-fa163e2ff576

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

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

174a3537-7b5c-11f1-8fe4-fa163e2ff576

  • Расположение табов: сверху.
0559a9d0-7b5f-11f1-8fe4-fa163e2ff576

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

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

9b61010d-7b62-11f1-8fe4-fa163e2ff576

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

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

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

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

795d0b3f-7b63-11f1-8fe4-fa163e2ff576

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

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

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

28dbeed8-7b5f-11f1-8fe4-fa163e2ff576

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

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

0578dbb7-7b65-11f1-8fe4-fa163e2ff576

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

9023bc42-7b5d-11f1-8fe4-fa163e2ff576
Предыдущая статья Блок «Тарифы» на главной для Аспро: Медицинский центр 3.0
Следующая статья Редактирование описания блока «Тарифы» для Аспро: Медицинский центр 3.0