Данный виджет добавляет боковую выдвигающуюся панель, которая будет открываться при нажатии на зафиксированную кнопку сбоку сайта или на любую свою кнопку.
Пример работы панели на странице http://navpan.plp7.ru/.

Установка виджета:

  1. На первой секции вставьте любой виджет. Например, текст.

2. Откройте окно импорта виджета:

3. В поле внутри окна импорта вставьте весь код из файла по ссылке (тройной клик по коду выделит весь код).
Сохраните изменения.

После этого появится виджет «Боковая панель» и слева зафиксированная кнопка для ее открытия.

Установка виджета завершена.✅

Нажмите на эту белую кнопку слева - откроется панель:

Панель состоит из верхней части, в которой может быть указан текст, правее -  крестик для закрытия панели и ниже вставляются виджеты - текст, кнопки, картинки и т.д.
Важно: редактирование виджетов внутри панели возможно только при просмотре первой секции - когда правая полоса прокрутки находится в самом верху. Иначе данный процесс станет затруднительным.

Настройки панели:
В основных настройках указывается внешний вид и положение панели.
«Ширина панели» указывается в процентах от ширины экрана. На телефонах ширина всегда будет на всю ширину экрана.
«Цвет переключателя» настраивает цвет крестика внутри панели и цвет иконки, которая открывает панель.

Дополнительные настройки позволяют детальнее настроить внешний вид и определить поведение панели.
Есть опции:
• Скрывать панель при нажатии на кнопку прокрутки к определенной секции.
• Скрыть боковую фиксированную кнопку, чтобы открывать панель по своей кнопке, указав у нее ссылку #navpanel
   Демонстрация работы этих опций на сайте http://navpan.plp7.ru/

У виджета установлен небольшой вертикальный отступ для удобства работы с ним. Этот отступ можно уменьшить до нуля, если он создает ненужное пространство на вашей странице. Но тогда его высота станет практически нулевой, что может затруднить в будущем поиск виджета на странице.

Как и любой виджет, панель при необходимости скрывается для ненужных устройств. В редакторе боковая кнопка панели всегда будет видна, если её не отключить.


Особенности  панели:
❕ Всегда будет на всю высоту экрана. Если нижние виджеты в панели не       вмещаются по высоте, то они будут скрыты.
❕ Закрывается не только по "крестику", но и при нажатии на область вне панели.
❕ Также закрытие возможно по кнопке "Назад" в браузере - работает и на мобильных устройствах.
❕ При открытии панели в ссылке на страницу добавляется окончание #navpanel.
Если открыть сайт по ссылке вашсайт.ру/#navpanel, то сразу появится панель.
❕ На одной странице возможно добавить только одну панель.

Готово, мы завершили настройку бокового меню 👍

Вы нашли ответ?