Как сделать одноэкранник

Одноэкранники по кейсам работают лучше, чем одностраничники. Одноэкранник – сайт, который содержит "СТА" и занимает один экран в браузере и не имеет прокрутки.

Как сделать из готовых секций

  1. Заходим в редактор, жмём "Добавить новую секцию"
    Onepage-1
  2. Выбираем любую секцию из вкладки "Одноэкранники". В ней всё уже настроено и она работает. В редакторе она будет занимать место в зависимости от контента, но в реальной версии сайта секция растянется на весь экран
    Onepage-2
  3. В итоге получаем такой одноэкранник
    Onepage-6

    Как сделать одноэкранник из любой секций

     

  • Нажимаем "Настроить секцию и эффекты" у секции
    Onepage-3
  • В "Высота секции" выбираем "Растянуть на 100% экрана по вертикали"
    Onepage-4
  • Жмём " Сохранить изменения" и "Опубликовать"
    Onepage-5
  • Получаем такой одноэкранник
    Onepage-6

    Принцип создания секции для правильной работы функции "Растянуть на 100% экрана по вертикали"

    Для 3 строк в секции принцип построения секции такой:

  • Первая (верхняя) красная строка-колонка прикрепляется к верху браузера
  • Вторая (средняя) красная строка-колонка центрируется по экрану
  • Третья (нижняя) красная строка-колонка прикрепляется к низу браузераOnepage-7