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

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


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

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

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

11b8e79f-7b61-11f1-8fe4-fa163e2ff576

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

5fd5e53d-7b61-11f1-8fe4-fa163e2ff576

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

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

c9d71ba6-7b5c-11f1-8fe4-fa163e2ff576
  • верхний блок: 130, нижний: 130.

2424da8a-7b5c-11f1-8fe4-fa163e2ff576

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

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

f57ac58a-7b5b-11f1-8fe4-fa163e2ff576
  • блок без заголовка.

2949703d-7b5d-11f1-8fe4-fa163e2ff576
Позиции заголовка блока могут быть следующих видов: обычный; по центру; заголовок слева, описание справа.
  • Обычная позиция заголовка.

f57ac58a-7b5b-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: по центру.

dfb61f87-7b5b-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: заголовок слева, описание справа.

c20e8dd2-7b5c-11f1-8fe4-fa163e2ff576

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

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

7f725948-7b5b-11f1-8fe4-fa163e2ff576

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

  • неширокие картинки с услугами;

adcf647b-7b63-11f1-8fe4-fa163e2ff576
  • широкие картинки с услугами;

6c17c88a-7b5c-11f1-8fe4-fa163e2ff576
  • картинки с отступами;

3a6fc213-7b63-11f1-8fe4-fa163e2ff576
  • картинки без отступов.

8f91080c-7b61-11f1-8fe4-fa163e2ff576

Разберем настройки первого и второго типа отображения блока. Для первого типа можно установить 3 или 4 элемента в одной строке, а второму типу — 2, 3 или 4 элемента:

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

49ae073d-7b61-11f1-8fe4-fa163e2ff576
  • количество элементов в строке: 3;

c8b15487-7b61-11f1-8fe4-fa163e2ff576
  • количество элементов в строке: 4.

6cbdd650-7b5b-11f1-8fe4-fa163e2ff576Помимо элементов, первым двум типам можно задать 1, 2, 3 или неограниченное количество строк. Рассмотрим разницу между числом строк:
  • количество строк: 2;

5b8bc7c1-7b5c-11f1-8fe4-fa163e2ff576
  • количество строк: 3.

749033fa-7b5c-11f1-8fe4-fa163e2ff576

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

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

40e9f31f-7b5e-11f1-8fe4-fa163e2ff576
  • вид изображения: картинки;

1ffc9a98-7b62-11f1-8fe4-fa163e2ff576
  • вид изображения: прозрачные картинки.

4ec698a9-7b60-11f1-8fe4-fa163e2ff576Первому и второму типу отображения блока можно назначить, что отображать в услугах: элементы или разделы.
  • отображать: элементы;

e9efb396-7b60-11f1-8fe4-fa163e2ff576
  • отображать: разделы.

0be2dc70-7b5c-11f1-8fe4-fa163e2ff576

Только третьему типу «С большой картинкой» можно назначить следующие позиции картинок: по сторонам и справа.

  • позиция картинки: по сторонам;

041d9eaf-7b60-11f1-8fe4-fa163e2ff576

  • позиция картинки: справа.

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

Предыдущая статья Блок «Услуги» на главной для Аспро: Медицинский центр 3.0
Следующая статья Дополнительные настройки блока «Услуги» для Аспро: Медицинский центр 3.0