Основная функция секции:
Динамическая секция первого экрана со слайдером и всеми важными элементами:
• заголовок и подзаголовок
• CTA
• пустой слот
Контент каждого слайда может быть уникальным.
Динамическая секция первого экрана со слайдером и всеми важными элементами:
• заголовок и подзаголовок
• CTA
• пустой слот
Контент каждого слайда может быть уникальным.
Вид секции по умолчанию:
Контент секции:
В этом разделе вы добавляете и редактируете содержимое слайдов.
Обратите внимание, что в каждом слайде можно сделать свою уникальную структуру, отличную от остальных.
В настройках слайда вы можете показать/скрыть элементы и настроить фон. В настройках фона вы можете выбрать его тип (картинка, цвет, пустой фон). Если выбрана картинка, то у неё настраивается:
• позиция
• визуальные эффекты, как в обычном блоке "Картинка"
• наложение цвета
Для каждого слайда доступно 7 типов элементов для каждого слайда:
• заголовок
• подзаголовок
• список преимуществ
• кнопки
• тег (бейдж)
• форма
• слот (для размещения любого контента)
Скрыть ненужный элемент можно кликнув по значку с глазом + вы можете менять позицию элементов, перетаскивая их в списке "Контент".
При желании весь контент секции можно собрать внутри слота, в котором можно размещать любые блоки!
Максимальное количество слайдов в секции — 6.
В этом разделе вы добавляете и редактируете содержимое слайдов.
Обратите внимание, что в каждом слайде можно сделать свою уникальную структуру, отличную от остальных.
В настройках слайда вы можете показать/скрыть элементы и настроить фон. В настройках фона вы можете выбрать его тип (картинка, цвет, пустой фон). Если выбрана картинка, то у неё настраивается:
• позиция
• визуальные эффекты, как в обычном блоке "Картинка"
• наложение цвета
Для каждого слайда доступно 7 типов элементов для каждого слайда:
• заголовок
• подзаголовок
• список преимуществ
• кнопки
• тег (бейдж)
• форма
• слот (для размещения любого контента)
Скрыть ненужный элемент можно кликнув по значку с глазом + вы можете менять позицию элементов, перетаскивая их в списке "Контент".
При желании весь контент секции можно собрать внутри слота, в котором можно размещать любые блоки!
Максимальное количество слайдов в секции — 6.
Пример оформления секции, где все элементы расположены внутри слота:
Фон секции:
Варианты фона:
• пустой
• цвет
• картинка
• видео
• слайдер
• карта
Если вы используете картинку в качестве фона, то для картинки можно применить различные фильтры (как в блоке Картинка), наложить цвет, настроить положение
и растянуть, а ещё вам доступно несколько эффектов для фона:
• параллакс
• перемещение
• интерактивный фон
• плавное увеличение фона
Обратите внимание, что фоновая картинка будет видна, только если у изображений слайдера прозрачный фон или если вы не будете использовать фон в самих слайдах.
Например, вы можете сделать общую картинку (карту, видео и т.п.) для всех слайдов, поставив её фоном секции, а на самих слайдах менять только наполнение (тексты, преимущества и т.п.)
Для фонового слайдера можно настроить эффект анимации (листание, появление), скорость и паузу между слайдами. А для видео вы сможете загрузить картинку-заглушку.
Варианты фона:
• пустой
• цвет
• картинка
• видео
• слайдер
• карта
Если вы используете картинку в качестве фона, то для картинки можно применить различные фильтры (как в блоке Картинка), наложить цвет, настроить положение
и растянуть, а ещё вам доступно несколько эффектов для фона:
• параллакс
• перемещение
• интерактивный фон
• плавное увеличение фона
Обратите внимание, что фоновая картинка будет видна, только если у изображений слайдера прозрачный фон или если вы не будете использовать фон в самих слайдах.
Например, вы можете сделать общую картинку (карту, видео и т.п.) для всех слайдов, поставив её фоном секции, а на самих слайдах менять только наполнение (тексты, преимущества и т.п.)
Для фонового слайдера можно настроить эффект анимации (листание, появление), скорость и паузу между слайдами. А для видео вы сможете загрузить картинку-заглушку.
Пример секции с общим фоном-картинкой:
Настройки слайдера — Элементы управления:
В секции присутствует нижний индикатор, показывающий на каком слайде вы находитесь.
Внешний вид этого индикатора и стрелок слайдера можно менять (иконки, размерности и цвет).
В секции присутствует нижний индикатор, показывающий на каком слайде вы находитесь.
Внешний вид этого индикатора и стрелок слайдера можно менять (иконки, размерности и цвет).
Пример оформления стрелок и индикатора:
Настройки слайдера — Анимация:
Вы можете выбрать тип анимации слайдов "Появление" или "Листание", выключить
или включить автоматическую смену слайдов и настроить время смены слайдов, а ещё отключить повторение уже показанных слайдов.
Все эти настройки находятся в разделе "Настройки слайдера".
Вы можете выбрать тип анимации слайдов "Появление" или "Листание", выключить
или включить автоматическую смену слайдов и настроить время смены слайдов, а ещё отключить повторение уже показанных слайдов.
Все эти настройки находятся в разделе "Настройки слайдера".
Границы секций:
Эта настройка примечательна тем, что фон секции/слайдов может занимать либо всё пространство секции (стандартно), либо ограничиваться областью, которая содержит весь контент секции, плюс, у этой области можно настроить скругление углов и настроить цвет фона подложки.
А ещё для области с контентом можно настроить тень.
Эта настройка примечательна тем, что фон секции/слайдов может занимать либо всё пространство секции (стандартно), либо ограничиваться областью, которая содержит весь контент секции, плюс, у этой области можно настроить скругление углов и настроить цвет фона подложки.
А ещё для области с контентом можно настроить тень.
Пример секции с ограниченным фоном:
Пример секции с ограниченным фоном и тенью:
Если вы используете стандартный фон на всю ширину секции, то для него можно настроить вид верхней и нижней границы: выбрать заготовленный шаблон и видоизменить его.
Вам доступно 11 вариантов необычных границ секций, причём высоту границ можно редактировать, а ещё цвет фона границы при желании можно настроить вручную
(по умолчанию цвет наследуется от соседней секции).
Вам доступно 11 вариантов необычных границ секций, причём высоту границ можно редактировать, а ещё цвет фона границы при желании можно настроить вручную
(по умолчанию цвет наследуется от соседней секции).
Пример секции с необычными границами сверху и снизу:
Анимация появления контента:
Эффект “анимация при прокрутке” позволяет показать контент секции не сразу,
а с небольшой задержкой.
Можно выбрать из 2х эффектов: При проявлении контент постепенно проявляется,
как на плёночных фото. А при смещении контент выпрыгивает снизу.
Эффект “анимация при прокрутке” позволяет показать контент секции не сразу,
а с небольшой задержкой.
Можно выбрать из 2х эффектов: При проявлении контент постепенно проявляется,
как на плёночных фото. А при смещении контент выпрыгивает снизу.
Проявление:
Смещение:
Сетка и отступы:
Все элементы в новой секции первого экрана можно регулировать по ширине, причём эта ширина привязывается к гридам вашего сайта, которые (напоминаем) вы можете детального настроить.
Отключить привязку к гридам и регулировать по пикселям можно в разделе "Отступы".
В этом же разделе вы настраиваете верхний и нижний отступы секции.
Все элементы в новой секции первого экрана можно регулировать по ширине, причём эта ширина привязывается к гридам вашего сайта, которые (напоминаем) вы можете детального настроить.
Отключить привязку к гридам и регулировать по пикселям можно в разделе "Отступы".
В этом же разделе вы настраиваете верхний и нижний отступы секции.
Вид ползунков, с помощью которых можно уменьшать/увеличивать ширину элементов:
Основные настройки контента:
В этом разделе вы можете настроить оформление преимуществ, выравнивание контента
и индикатор прокрутки.
В этом разделе у преимуществ можно настроить:
• количество колонок
• выравнивание
• основные цвета (фон, иконки)
• стили и цвет текстов
• размер иконок
• скругления
• обводку (сплошную, пунктирную)
• тень
• отступы от контента (внутренние)
• отступы между элементами (заголовком, подзаголовком и иконкой)
• отступы между самими преимуществами
В этом разделе вы можете настроить оформление преимуществ, выравнивание контента
и индикатор прокрутки.
В этом разделе у преимуществ можно настроить:
• количество колонок
• выравнивание
• основные цвета (фон, иконки)
• стили и цвет текстов
• размер иконок
• скругления
• обводку (сплошную, пунктирную)
• тень
• отступы от контента (внутренние)
• отступы между элементами (заголовком, подзаголовком и иконкой)
• отступы между самими преимуществами
Варианты преимуществ:
Всего доступно 15 стильных шаблоны оформления преимуществ.
Выбрать подходящий вариант оформления можно в разделе "Контент секции"
→ Элемент (с Преимуществами) → "Готовые варианты".
Обратите внимание, что варианты 8 и 9 созданы для использования с фоновой картинкой.
Всего доступно 15 стильных шаблоны оформления преимуществ.
Выбрать подходящий вариант оформления можно в разделе "Контент секции"
→ Элемент (с Преимуществами) → "Готовые варианты".
Обратите внимание, что варианты 8 и 9 созданы для использования с фоновой картинкой.
Пример секции с преимуществами (вариант 8):
Индикатор прокрутки:
Полезен для первого экрана, когда хочется показать, что дальше много интересного контента или что сайт не ограничивается одной секцией. Вы можете выбрать из двух готовых индикаторов (стрелка и анимированный скролл мыши) или использовать любую другую иконку.
Полезен для первого экрана, когда хочется показать, что дальше много интересного контента или что сайт не ограничивается одной секцией. Вы можете выбрать из двух готовых индикаторов (стрелка и анимированный скролл мыши) или использовать любую другую иконку.
блок
Пример индикатора с анимированным скроллом:
