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

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


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

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

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

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

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

8178bbf2-7b5c-11f1-8fe4-fa163e2ff576

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

885f01b6-7b60-11f1-8fe4-fa163e2ff576

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

07e86264-7b65-11f1-8fe4-fa163e2ff576

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

07e86264-7b65-11f1-8fe4-fa163e2ff576

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

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

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

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

3f2a84a9-7b61-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

f74e2861-7b62-11f1-8fe4-fa163e2ff576Настройки по типам блока

Каждому типу блока можно настроить ширину и отступы (1), а также количество строк (2). Второму и третьему типу можно задать количество элементов в строке (3). И только типу «С текстом внизу» можно назначить позицию картинки (4).

9643a3f7-7b60-11f1-8fe4-fa163e2ff576


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

  • неширокие акции;

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

  • широкие акции;

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

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

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

  • акции без отступов.

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

Любому типу можно задать отображение 1-3 строк или установить под акциями кнопку «Загрузить еще» для загрузки акций.

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

4ca2ecdf-7b5d-11f1-8fe4-fa163e2ff576

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

510a4e55-7b5b-11f1-8fe4-fa163e2ff576

  • кнопка «Загрузить еще».

da9d7a1d-7b62-11f1-8fe4-fa163e2ff576Разберем настройки второго и третьего типа отображения баннеров. Можно установить 3 или 4 элемента в одной строке:

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

1088f976-7b5e-11f1-8fe4-fa163e2ff576

  • количество элементов в строке: 4.

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

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


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

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

  • Позиция картинки: снизу.

5bccd5dc-7b5b-11f1-8fe4-fa163e2ff576


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