Установить и настроить слайдер секций

Слайдер секций преобразует ваши обычные секции в секции, которые будут растянуты на весь экран с содержимым внутри и придаст эффект перелистывания слайдов.
Например:

slsekcii4

На примере готового шаблона:
Шаг 1. Создадим новую страницу и выберем нужный нам шаблон.

slsekcii1
Мы создали обычную страницу, которая будет выглядеть так:
Oct-13-2017 16-59-57-iloveimg-compressed

Это обычное отображение страницы, со скроллом для прокрутки сайта, это не совсем то что мы хотим.
Перейдём в раздел “Страницы” во вкладку “Анимация” и переключим “Анимацию секций” на “Слайдер секций”.
Oct-13-2017 17-03-39

Эффект отображение секций у нас сменился на нужный и они перелистываются как слайды.

Важно! В режиме слайдера секций, секция растягивается на весь экран пользователя и содержимое секции выравнивается по центру экрана, так же если содержимое секции слишком длинное (длиннее высоты экрана пользователя), то при просмотре страницы содержимое этой секции будет уходить за пределы экрана и его пользователь не увидит.
Некоторые секции в шаблоне смотрятся не так как нам хотелось бы, но это всего лишь шаблон и мы его изменим под наши пожелания.
Например: перенесем виджет “Меню” из второй секции в третью секцию и удалим вторую секцию.
Oct-13-2017 17-06-02
Теперь добавим виджет “Отступ” для разделения шапки и текста.
Отступ можно задать с помощью виджета (потянув за край виджета или в настройках самого виджета (гаечный ключ)) или через настройки любого виджета (знак капли) во вкладке отступы.
Для того чтобы содержимое секции было ровно посередине, необходимо настроить одинаковые отступы у секции сверху и снизу.
Oct-13-2017 17-08-33
Наша секция готова!

Далее мы отредактируем элементы секции которые не помещаются при просмотре страницы в интернете (они уходят за пределы экрана вниз)
Для изменений элементов можно убрать/убавить отступы у виджетов, секции, изменить размер изображений, изменить кол-во символов в тексте.
Oct-13-2017 17-14-27

Теперь элементы секции помещаются на нашем экране.

Переместим некоторые секции выше или ниже для того чтобы изменить очередность показа секций на опубликованной странице или в режиме предпросмотра, также удалим ненужные для нас секции в этом шаблоне.
Переместить секцию можно в меню секции (стрелка вверх и стрелка вниз)
2017-10-13_1717

Удалить секцию можно нажав на знак крестика в меню секции.
2017-10-13_1718
Страница с эффектом “Слайдер секции” готова!
Пример страницы можно посмотреть по ссылке: http://sliderpage.plp7.ru/
Oct-13-2017 17-20-09

Видео-инструкция по работе со “Слайдер секций”

Была ли эта статья полезна?

Похожие статьи