Ни когда особо не заморачивался с меню в битрикс, как правило просто модифицировал встроенные шаблоны под дизайн. Но вчера решил заморочиться и сделать себе выпадающее меню с легким эффектом анимации (собственно живой образец можете наблюдать на этом сайте). Решил поделиться, малоли кому понадобится.
Качаем архив: "amimate_menu", распаковывем в папку со своим Битрикс шаблоном и пременяем для меню, не забывайте настроить уровень вложенности.
Черной подложки под меню нет- то есть меню предназначено не для белого фона, однако вы легко сможете изменить цвет букв в настройках css меню.
Просмотров: 17685 |
Комментариев:
32
Комментарии
Внимание! все сообщения проходят премодерацию. Ваше сообщение появится после проверки
Гость сайта
|
|
Добрый день, хочу выразить благодарность за отличные уроки.
Не подскажите как правильно сделать, чтоб выпадающие пункты меню, отображались как линию ( как второе горизонтальное меню), и чтоб оно не исчезало, если убрать курсор, тоесть чтоб все подпункты были видны, до тех пор пока не открыть другой родительский пункт меню? Заранее спасибо. |
Михаил Базаров
|
||
|
||
|
berdnik
|
|
Подскажите а каким образом мне пременить для меню?
|
|
Михаил Базаров
|
||
|
||
|
berdnik
|
|
Ну вот хот один адекватный пользователь Битрикса появился, вот сам бы хрен додумался что выбирать шаблон меню надо именно из публичной части, всю админку перерыл!!
Друг а расскажи еще пожалуйста как добавить разделы в выпадающее меню! |
|
Михаил Базаров
|
||
Примерно так:  |
||
|
Алексей
|
|
Добрый день, Михаил!
Спасибо за уроки! Возникла проблема, после подключения меню в битрикс на главной странице все отображается замечательно, но при переходе на любую другую страницу не работает скрипт меню, отображаются только пункты меню верхнего уровня, из-за чего такое может быть? ВИДИМО ТА ЖЕ ПРОБЛЕМА- пройдите сюда http://camouf.ru/blog-note/bx_site_created/5.html |
|
Евгений
|
|
Здравствуйте. Подскажите пожалуйста как добавить картинки для подкатегорий в выпадающего горизонтального меню, которую вы выложили в данной статье. При наведении курсора на подкотегорию показывалась картинка. как на сайте http://www.porsche.com/russia/
|
|
Михаил Базаров
|
||
|
||
|
Сергей
|
|
Здравствуйте, Михаил.
Спасибо за Ваши уроки, очень познавательно. Подскажите пожалуйста. Добавил в основном динамическом left меню (где меню каталога Ремни, Платья и т.д.) новый статический раздел (Инфо) с выпадающим меню подразделов (Видео, Статьи и т.д.) для статей. Получилось так, Ремни, Платья, Инфо. Но когда нажимаешь на выпадающий подраздел (Видео) новго раздела (Инфо), то в основном меню на месте нового раздела (Инфо) появляется вложенные подразделы (Видео, Статьи и т.д.). Как сделать так, чтобы нажимая на выпадающий подраздел, главное меню не изменялось и оставалось как было (Ремни, Платья, Инфо)? Спасибо за ответ. Сергей. |
|
Михаил Базаров
|
||
Посмотрите вот это видео http://camouf.ru/blog-note/bx_site_created/5.html во всяком случает этот момент прояснится. |
||
|
Михаил
|
|
Миша, спасибо большое!
Хорошие Уроки! Лучшего пока не встретил! Но все таки можно ли создать урок как создать в этом меню, выпадающие подменю? Если данный урок есть, подскажите его расположение! Спасибо! )) |
|
Алексей
|
|
Добре!!
Вот сегодня попалось!! Кажется это твое!!! http://www.miditator.ru/blog/1c-bitrix/vypadayushchee-menyu-dlya-bitriks/ |
|
Михаил Базаров
|
||
|
||
|
Илья
|
|
Михаил здравствуйте. Можно еще немного подробнее объяснить как применить данный шаблон для меню, а то как то совсем не получается (((
 Заранее спасибо за ваш труд. |
|
Илья
|
||
 |
||
|
Максим
|
|
Добрый вечер!
Спасибо за Ваши уроки! Актуальная статья про выпадающее меню. Но интересно было бы прикрутить его к каталогу! При чём к активному каталогу, который постоянно обновляется разделами из 1с! А то у меня сейчас перед списком товаров большое пространство съедает каталожное дерево. Не хорошо( Вот для примера https://lineofdance.ru/magazin/katalog/obuv/ В инете много кода с выпадающим меню. Но прикрутить его к каталожному дереву я не смог. Мозгов не хватает. Скажите, на сколько сложно Ваш код адаптировать к каталогу, что бы сделать его с выпадающими разделами и тем самым спрятать второй уровень? Полностью убирать не хочу. Нужна наглядность при наведении. Спасибо! К стати мой сайт сделан самостоятельно благодаря Вашим урокам! |
|
Михаил Базаров
|
||
|
||
|
Mexxt
|
|
Добрый день!
Пытался добавить пункт в верхнем меню, удалил его, и все меню пропало. Но когда нажимаешь на раздел "О школе" все меню появляются слева, но как будто в старом виде (месячной давности). Можно как-то переместить это левое меню в верхнее? Просто там куча подменю и т.д. уже не вспомнишь как оно должно быть... Или есть некий откат, скажем на 1 день назад? Заранее благодарен. |
|
Михаил Базаров
|
||
А так: разбирайтесь с файлами меню в структуре, или удалите все и создайте по новой (не разделы а именно файлы меню) |
||
|
Дмитрий
|
|
Во первых сверх спасибо за все уроки
а вопрос одни отцентровка этого меню оно прилипает к левому можно отступом но тогда на разных разрешениях по разному за ранее спасибо |
|
Максим Иванов
|
|
Добрый день. Благодарю за урок. А трехуровое меню такое как сделать, чтобы сбоку например если у раздела есть подразделы они тоже отображались?
|
|
Михаил Базаров
|
||
|
||
|
Сергей Кононов
|
|
Михаил, подскажите пожалуйста каким параметром и где регулируется высота выпадающего меню?
Т.е. в частности в типовом решении меню выпадает до определенного предела вниз, потом позиции, которые не влезли формируются вторым рядом. Вот предел высоты где регулируется? Спасибо. |
|
Михаил Базаров
|
||
|
||
|
Сергей Кононов
|
|
В типовом магазине от битрикса реализовано так:
https://cloud.mail.ru/public/A81M/FDeabUZYe Какой параметр в стилях может за это отвечать? |
|
Михаил Базаров
|
||
 |
||
|
Олег Колчугин
|
|
Огромное спасибо за проделанную работу. Выручил.
|
|
derherbst
|
|
Михаил, здравствуйте!
Спасибо за шаблон. Только у меня есть вопрос. В моем проекте пункты меню сопровождаются еще и картинками. То есть в выпадающем меню есть еще три пункта которые располагаются горизонтально под основным меню и над каждым названием пункта подменю есть картинка размером 250 на 100. Как это можно осуществить? Картинки размещены не через css, а через тег <img> в html. Есть ли возможность прописать эти кратинки в самом шаблоне template.php? Заранее спасибо! |
|
Михаил Базаров
|
||
|
||
Поделиться страницей
Спасибо, это помогает развивать сайт.
Мой youtube канал.
Сюда я выкладываю видео уроки по разработке сайтов и не только.
Подписывайтесь, скоро будет серия свежих видео-инструкций:
Перейти на канал
