Телеграм: @camouf_ru Почта: mihail@bazarow.ru

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

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

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

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

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

Записная книжка разработчика

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

Композитный сайт на 1С-Битрикс Просмотров: 3037 Для новых клиентов: Все новые проекты будут включать в себя применение технологии "Компози... Привязка к разделам в компоненте "Добавления элементов пользователем" Просмотров: 12062 В системе управления 1С Битрикс есть компонент "Форма добавления / редактирования" - котор... Вывести дополнительное пользовательское поле, использование полей в ф... Просмотров: 15479 Если вам нужно вывести дополнительное пользовательское поле типа "Привязка к разделам инфо... Открытие мобильного приложения Apache Cordova по ссылке Просмотров: 683 Достаточно часто нужно реализовывать открытие мобильного приложения по ссылке. Например: п... Удалить товары из корзины, если есть определенные товары. Просмотров: 879 Задача: если в корзину добавлены товары с определенным свойством, нужно удалить из корзины... Вывести множественное свойство типа файл с названием и весом файла в ... Просмотров: 20203 В этой заметке расскажу как красиво вывести множественное свойство типа файл в инфоблоке 1... Свойство: привязка к Яндекс:Картам - вывести из нескольких элементов ... Просмотров: 17737 Предположим, что у вас есть инфоблок со свойством "Привязка к яндекс картам". В этом инфоб... Заполнить поля пользователя из свойства заказа, на примере ФИО Просмотров: 1199 При создании заказа покупатель заполняет поле "ФИО". Необходимо скопировать эти данные в п... Установка вебсервера на Apple M1 (нативный ARM стек), оптимизированны... Просмотров: 6142 Появилась задачка, установить стек MAMP (macOS, Apache, MYSQL, PHP) на рабочий ноутбук с п... Вывести список всех пользователей с необходимой информацией Просмотров: 24096 Если нужно, на какой-либо странице сайта, вывести всех пользователей из группы "Зарегистир... Вывести информацию, только на первом уровне раздела каталога, в 1С-Би... Просмотров: 4253 Задача: на сайте, в каталоге, выводится два фильтра - боковой и верхний. Оба компонента по... Многосайтовость битрикс на разных доменах и поддоменах Просмотров: 61272 Часто спрашивают "как настроить многосайтовость Битрикс на разных доменах", решил записать... Если папка то применяем...в Битрикс Просмотров: 29223 Бывает, стоит задача применить какой-либо стиль или вывести конкретный кусочек кода для ди... Ajax форма обратной связи, реализация в битрикс Просмотров: 7580 Иногда, на сайте требуется создать форму обратной связи, которая будет писать все данные в... Малая корзина Битрикс, упрощенный шаблон Просмотров: 12543 Шаблон малой корзины битрикс, который можно вывести в боковом разделе шаблона или в шапке ... Создание раздела инфоблока при регистрации пользователя в Битрикс Просмотров: 7913 Например вам нужно выводить информацию исключительно для определенного пользователя. Само ... Очистка корзины в 1С-Битрикс одним нажатием Просмотров: 27754 В стандартной корзине Битрикс не хватает кнопки для полной очистки корзины одним нажатием... Вывести производителей на сайте с отбором его товаров из каталога Просмотров: 18244 Достаточно частая задачка для каталога или интернет-магазина: вывести список производителе... Рассылка новинок каталога в автоматическом режиме Просмотров: 1161 Что бы реализовать рассылку новинок каталога на email-ы пользователей, можно воспользовать... Снять ограничение на количество символов в комментарии к заказу магаз... Просмотров: 11554 Как многим известно, в интернет-магазине на Битрикс имеется ограничение на количество симв...