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

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

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

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

Гамбургер меню входящее в фреймворки, например 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
Установил на чистый шаблон. Гамбургер выводится, но кликается. В чём может быть проблема?

Блог-note: заметки разработчика

Подключение SSL на Битрикс виртуальная машина

С первого января 2017 года, наличие безопасного соединения HTTPS становится практически обязательным. Ваши сайты будут з...

Создание PWA для сайта на 1С-Битрикс

Технология PWA позволяет создать приложение для любого сайта. Не обязательно работающего на 1С-Битрикс, данная заметка ...

Если предложение SKU в корзине, поменять кнопку добавления на "В корзине"

Данная заметка является дополнением к ранее опубликованной: Если товар в корзине, поменять значение input на "В корзине"...

Создание агента в 1С-Битрикс, на реальном примере

Задача: Каждый час нужно обновлять свойство элементов/товаров с типом строка "В наличии", вписывать в него либ...

Переключатель валюты в каталоге 1С-Битрикс

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

Вывести свойство привязка к Яндекс Картам в Битрикс

Часто бывает нужно вывести свойство привязка к Яндекс карте в детальном описании элемента. Например в детальной новости ...

Бонус за выполненный заказ на внутренний счет пользователя

Задача: после того как заказ, в интернет-магазине, перешел в статус "Выполнен" начислить пользователю 5% от стоимости за...

Свойство: привязка к Яндекс:Картам - вывести из нескольких элементов на одну карту

Предположим, что у вас есть инфоблок со свойством "Привязка к яндекс картам". В этом инфоблоке некоторое количество элем...

Основные функции вывода в шаблонах Битрикс

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