Меню

Адаптивное гамбургер меню для битрикс

Просмотров: 17237

Заметка коротенькая, но решил оставить ее - так как самому часто нужно нечто подобное. В архиве готовый шаблон для Битрикс, с адапитивным гамбургер меню. Ничего лишнего нет, каждый сможет "подкрутить" его под свой дизайн и режим работы.

Сам я не сторонник гамбургер меню, по моему мнению нужно делать навигацию более наглядной, особенно если в ней не много пунктов. Например как у меня на этом сайте (сожмите браузер или посмотрите с мобилки).

Гамбургер меню входящее в фреймворки, например bootstrap, достаточно монструозные. Потому сделал свою- назовем это "заготовкой". Она полностью функциональная, заработает сразу.

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

Скачать шаблон меню  

Пример работы:

Предыдущая заметка Следующая заметка
Все комментарии: Оставить комментарий
Сергей Дубский 25.10.2018
Добрый день, подскажите, имеется ли возможность подключить данный шаблон если моё меню сделано посредством div блоков, а не ul li?
Михаил Базаров 25.10.2018
Цитата
Сергей Дубский написал:
Добрый день, подскажите, имеется ли возможность подключить данный шаблон если моё меню сделано посредством div блоков, а не ul li?
Если его переверстать- то в принципе да
Αнтон Μаксимов 15.03.2019
Михаил, добрый день!

Платформа Битрикс Бизнес
установил все как компонент
в итоге при экране РС вижу строчку  верхнего меню, при уменьшении экрана = вожделенный гамбургер
но радости хватает только на то, чтобы топнуть по нему мышом и увидеть последующий крестик
само меню не выпадает

Вопрос - в чем может быть подвох ?? неверно сформирован сам файл меню? но подхватывает при этом именно действующий файл, когда все раскрыто на большом экране и ошибок не показывает
зато выдает $ Undefined  в консоли
Вася Гурьянов 04.05.2020
извините за столь тупой вопрос, я новичок в битриксе, а как добавить-то это меню на существующий сайт в битриксе?
Михаил Базаров 05.05.2020
Цитата
Вася Гурьянов написал:
извините за столь тупой вопрос, я новичок в битриксе, а как добавить-то это меню на существующий сайт в битриксе
Скопировать шаблон меню в шаблон своего сайта.
В нужном месте, где оно должно вывестись, добавить и настроить компонент bitrix.menu
Михаил 20.04.2022
Установил на чистый шаблон. Гамбургер выводится, но кликается. В чём может быть проблема?

Стоимость и сроки разработки сайтов и приложений

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

Интернет магазин: разработка с нуля от 400 000 руб.
от 5-ти недель

Cоздание интернет-магазина на 1С-Битрикс. Разработка с нуля, оптимизация кода под конкретный проект и требования. Реализация любого функционала без ограничений готовых решений.

Сайт на готовом решении / шаблоне от 150 000 руб.
от 7-ми дней

Готовое решение — вариант для тех, кто не хочет тратить много средств на индивидуальный проект, и не имеет серьезных требований к сайту. Запускается на одном из 200-та (на ваш выбор) готовых решений.

Мобильное приложение от 400 000 руб.
от 1-го месяца

Разработка кроссплатформенного мобильного приложения, которое не уступает нативным решениям как в производительности, так и пользовательском опыте. Публикуется в AppStore, GooglePlay и RuStore

Вы можете скачать развернутый опросник на разработку. После ознакомления, задам уточняющие вопросы и оценю проект по стоимости и срокам разработки.
Скачать опросник Бриф на разработку.doc
Сайт компании от 250 000 руб. от 1-го месяца

Сайт с каталогом товаров или услуг. Включает формы обратной связи внутри карточек каталога, любое количество статичных и динамичных разделов и форм захвата внимания.

Инфресурс от 300 000 руб. от 5-ти недель

Информационный ресурс «под ключ» это: Лицензия на 1С-Битрикс «Стандарт», технология «Композитный сайт», видеоуроки по наполнению и поддержке ресурса.

Визитка или лендинг от 40 000 руб. от 2-х недель

Небольшой сайт — прекрасный бюджетный вариант для старта. На 3-4 страницах можно рассказать о достоинствах вашей компании. В конце сайта можно оставить форму для обратной связи.