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

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


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

В публичной части сайта перейдите в виджет настроек. В разделе «Главная» найдите строку «Форма» и переходите к настройке блока.

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

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

В решении доступно 3 вида отображения блока «Формы».

  • Форма на фоне. 
10a2146e-7b5c-11f1-8fe4-fa163e2ff576

  • Картинка и форма.

718ea692-7b63-11f1-8fe4-fa163e2ff576

  • Компактный вид формы.

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

При любом типе отображения для блока «Формы» можно поставить разделитель блока (1) и изменить белый фон на серый (2). Задать верхний и нижний отступы (3). Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.

867e00ac-7b60-11f1-8fe4-fa163e2ff576

  • Блок с разделителем и серым фоном, с верхним и нижним отступом 130 px.

9aff9a9a-7b5b-11f1-8fe4-fa163e2ff576
  • Блок с разделителем и серым фоном, с верхним и нижним отступом 0 px.

75191cf5-7b5c-11f1-8fe4-fa163e2ff576

Для каждого вида доступны соответствующие настройки.

32f14709-7b5d-11f1-8fe4-fa163e2ff576

  • Форма на фоне. 

10a2146e-7b5c-11f1-8fe4-fa163e2ff576

Доступны следующие настройки:

  • форма по центру — позволяет выравнивать форму по левому краю или по центру; 
  • темный/светлый текст на форме — изменяет текст формы для лучшего отображения на темном или светлом фоне;
  • затемнение/засветление формы на фоне — наложение соответствующих эффектов на саму форму.

1072d684-7b5c-11f1-8fe4-fa163e2ff576

  • Картинка и форма.

718ea692-7b63-11f1-8fe4-fa163e2ff576

Доступны следующие настройки:

  • блок по ширине экрана или нет; 
  • позиция формы слева/справа.

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

Компактный вид формы:

  • с картинкой;

cb2e89fe-7b5b-11f1-8fe4-fa163e2ff576
  • без картинки. 

c9fd8fd6-7b63-11f1-8fe4-fa163e2ff576

После внесения изменений сохраните настройки.

Предыдущая статья Блок «Форма» на главной странице
Следующая статья Привязка форм обратной связи к блоку «Форма»