Панель для мобильных

Уже несколько раз при верстке шаблонов для 2ки для большей гибкости в мобильной версии была использована панель для мобильных — «прибитая» внизу плашка с иконками. Примерно такая

Было решено сделать более/менее универсальный компонент для использования такой панели в шаблоне modern и дочерних.

Для тестов организовал два демо demo.bergorod.ru/catalog и demo.bergorod.ru/pages/rules.html

И демо с 5 иконками для примера demo.bergorod.ru/pages/about.html

Подробное описание, как все устроено на демо есть по ссылке

Немного скриншотов

Компонент

Панель для мобильных

от Zau4man

Демо Купить 500 руб.

Как совершить покупку?

Запрос на покупку можно сделать в личку на сайте instantcms, e-mail: mail@zau4man.ru или в телеграм, пройдя по ссылке t.me/zau4man или набрав @zau4man в поискеМожно сразу сделать перевод на 500р. на кошелек Yoomoney (бывшие Яндекс деньги) 41001346743476 в комментарии к платежу укажите е-майл. Если оплачивать со Сбера, то можно без комиссии сделать перевод на Yoomoney. Правда комментарий оставить не получится, поэтому после оплаты напишите на почту mail@zau4man.ru

Сделал с помощью инструментов движка без доп компонентов 

Уже несколько раз при верстке шаблонов для 2ки для большей гибкости в мобильной версии была использована панель для мобильных — «прибитая» внизу плашка с иконками. Примерно такая

Было решено сделать более/менее универсальный компонент для использования такой панели в шаблоне modern и дочерних.

Для тестов организовал два демо demo.bergorod.ru/catalog и demo.bergorod.ru/pages/rules.html

Подробное описание, как все устроено на демо есть по ссылке

Немного скриншотов

До размещения в официальном каталоге (разработка будет платной) был бы рад услышать мнения/пожелания.

Отличная тема. Так же совет, сделать фиксированную высоту вложений и возможность скролла в выпадающем списке меню, а то при открытие вложенных пунктов полностью вся страница перекрывается. Либо чтобы при раскрытие списка как страница меню как бы переезжает в подпункты

Сделал с помощью инструментов движка без доп компонентов

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

а то при открытие вложенных пунктов полностью вся страница перекрывается

сейчас размер панели боковой уже ограничен в max-height: 80vh. Можете для себя уменьшить еще

как страница меню как бы переезжает в подпункты

это должно быть реализовано в самом меню. Данная разработка добавляет панельку внизу и две боковых панели. Не вижу причин, почему она должна менять поведение меню… Это не совсем правильно.

Я уже поднимал подобную тему — создать меню как на вб, инсте и т.д.

В данный момент у меня организованно оно, но пока не до конца по дизайну. 

По хотелкам.

Лично для меня играет роль шаринга. Если сделаете в меню такую кнопку с возможностью выводить или нет, то супер))) заказывал Make данную фичу, работает отлично! Только с приложения тупит, там не хватает видимо библиотек, а с pwa и с браузера работает на ура! 

Сделал с помощью инструментов движка без доп компонентов 

Красота! Краткая инструкция «как повторить» не помешала бы. )))

До размещения в официальном каталоге (разработка будет платной) был бы рад услышать мнения/пожелания.

Может конечно не по теме, но было бы хорошо по итогу получить комплексное решение. Модерну очень не хватает шапки в подобном стиле с нормальным выезжающим сбоку меню как уже все привыкли. И решение «Шапка + мобильный бар 2 в 1» было бы на мой взгляд отличным.

При поддержке CEH9I добавлена возможность вместо иконки выводить аватар

Спойлер

здорово! Вынести кнопку добавления материалов, если доступ для этого открыт.

здорово! Вынести кнопку добавления материалов, если доступ для этого открыт.

Создаёте пункт меню, указываете ссылку {content:add}, добавляете виджет меню, выбираете нужное меню и все готово. 

Немного ответов на вопросы. 

Иконок в панели может быть больше

И 4, и 5. В панель можно добавить еще виджетов. Панель — обычная позиция для виджетов. Демо для примера с 5 иконками demo.bergorod.ru/pages/about.html

В панели можно разместить иконку личных сообщений, уведомлений

В панели можно размещать не только добавленный с компонентом виджет Кнопка. Но и другие виджеты icms. Повторюсь, панель — обычная позиция для виджетов. Легко можно сделать так

На примере демо сайта

Я бы скорее всего приобрел, так как мое меню не доработанное...
Но мне очень нужен шаред/поделиться, так как копировать ссылку хочется именно с этого меню)))
Могу предоставить доступы на сайт, чтоб посмотрели как мне сделал Make.

Я бы скорее всего приобрел, так как мое меню не доработанное...
Но мне очень нужен шаред/поделиться, так как копировать ссылку хочется именно с этого меню)))
Могу предоставить доступы на сайт, чтоб посмотрели как мне сделал Make.

Берите не думая, при должной фантазии и должном понимании, тут много что можно сделать. Тем более вы можете там вывести виджет HTML блок и добавить туда код, который по-моему был в блогах. 

Я бы скорее всего приобрел, так как мое меню не доработанное...
Но мне очень нужен шаред/поделиться, так как копировать ссылку хочется именно с этого меню)))
Могу предоставить доступы на сайт, чтоб посмотрели как мне сделал Make.

Установил скрипт от яндекса «Кнопка поделиться» в виджет html 

При нажатии выходит вот так 

rshabalin, то, что врач прописал)))
Вообще гуд)))
Значит буду брать, что поделать)))

Как вариант, ещё можно было бы сделать подпись иконкам. 

Подписи есть. На скринах выше это фраза «Записаться»

О переносе подписей ниже иконок подумаю.