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