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

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


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

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

При любом типе отображения для блока можно установить разделитель для указания границы блока и назначить серый фон на весь блок (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

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