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