Основная функция секции:
Динамическая секция преимуществ с необычным расположением элементов.
Тип сетки преимуществ:
Вы можете выбрать как именно будет выглядеть сетка с преимуществами, доступно 6 вариантов отображения. Настроить тип сетки можно в самом верху раздела "Основные настройки".
Пример секции с типом сетки 3:
Основные настройки:
В этом разделе вы можете выбрать 1 из 10-ти вариантов оформления преимуществ и настроить:
• выравнивание
• отступ сверху (от заголовка и подзаголовка, если включены)
В этом разделе у преимуществ можно настроить:
• основные цвета (фон, иконки)
• стили и цвет текстов
• размер иконок
• скругления
• обводку (сплошную, пунктирную)
• тень
• отступы от контента (внутренние)
• отступы между элементами (заголовком, подзаголовком и иконкой)
• отступы между самими преимуществами
Пример оформления секции (скин 10):
Список преимуществ:
В этом списке вы меняете позицию элементов и выбираете какой тип элемента будет использоваться:
• преимущество (стандартная карточка)
• картинка
• слот (для любых блоков)
Можно добавить до 12 элементов.
Обратите внимание, что после удаления/добавления элемента рекомендуется обновить страницу, что бы расположение элементов в сетке обновилось
Пример секции со слотом (внутри форма):
Как для этой секции выглядит список преимуществ
(тип элемента подписывается):
Контент секции:
Всего в разделе "Контент секции" 2 элемента:
• заголовок
• подзаголовок
У заголовка и подзаголовка можно настроить отступ сверху + для заголовка можно указать SEO-тег. Стили заголовка и подзаголовка настраиваются прямо в секции (в тулбаре).
Фон секции:
Варианты фона:
• пустой
• цвет
• картинка
• видео
• слайдер
• карта
Если вы используете картинку в качестве фона, то для картинки можно применить различные фильтры (как в блоке Картинка), наложить цвет, настроить положение
и растянуть, а ещё вам доступно несколько эффектов для фона:
• параллакс
• перемещение
• интерактивный фон
• плавное увеличение фона
Для слайдера можно настроить эффект анимации (листание, появление), скорость и паузу между слайдами. А для видео вы сможете загрузить картинку-заглушку.
Пример секции с фоновым цветом:
Пример секции с картинкой на фоне:
Границы секций:
Эта настройка примечательна тем, что фон секции может занимать либо всё пространство секции (стандартно), либо ограничиваться областью, которая содержит весь контент секции, плюс, у этой области можно настроить скругление углов и настроить цвет фона подложки.
А ещё для области с контентом можно настроить тень.
Пример секции с ограниченным фоном:
Пример секции с ограниченным фоном и тенью:
Если вы используете стандартный фон на всю ширину секции, то для него можно настроить вид верхней и нижней границы: выбрать заготовленный шаблон и видоизменить его.
Вам доступно 11 вариантов необычных границ секций, причём высоту границ можно редактировать, а ещё цвет фона границы при желании можно настроить вручную
(по умолчанию цвет наследуется от соседней секции).
Пример секции с необычной границей снизу:
Анимация появления контента:
Эффект “анимация при прокрутке” позволяет показать контент секции не сразу,
а с небольшой задержкой.
Можно выбрать из 2х эффектов: При проявлении контент постепенно проявляется,
как на плёночных фото. А при смещении контент выпрыгивает снизу.
Сетка и отступы:
Все элементы в новой секции можно регулировать по ширине, причём эта ширина привязывается к гридам вашего сайта, которые (напоминаем) вы можете детального настроить.
Отключить привязку к гридам и регулировать по пикселям можно в разделе "Отступы".
В этом же разделе вы настраиваете верхний и нижний отступы секции.
Вид ползунков, с помощью которых можно уменьшать/увеличивать ширину элементов: