Выпадающее меню с анимацией для Битрикс- заметка на сайте camouf.ru

20.11.2013
Добрый день, хочу выразить благодарность за отличные уроки. Не подскажите как правильно сделать, чтоб выпадающие пункты меню, отображались как линию ( как второе горизонтальное меню), и чтоб оно не исчезало, если убрать курсор, тоесть чтоб все подпункты были видны, до тех пор пока не открыть другой родительский пункт меню? Заранее спасибо.

18.01.2014
Ну вот хот один адекватный пользователь Битрикса появился, вот сам бы хрен додумался что выбирать шаблон меню надо именно из публичной части, всю админку перерыл!! Друг а расскажи еще пожалуйста как добавить разделы в выпадающее меню!

20.05.2014
Добрый день, Михаил! Спасибо за уроки! Возникла проблема, после подключения меню в битрикс на главной странице все отображается замечательно, но при переходе на любую другую страницу не работает скрипт меню, отображаются только пункты меню верхнего уровня, из-за чего такое может быть? ВИДИМО ТА ЖЕ ПРОБЛЕМА- пройдите сюда http://camouf.ru/blog-note/bx_site_created/5.html

04.06.2014
Здравствуйте. Подскажите пожалуйста как добавить картинки для подкатегорий в выпадающего горизонтального меню, которую вы выложили в данной статье. При наведении курсора на подкотегорию показывалась картинка. как на сайте http://www.porsche.com/russia/

09.06.2014
Здравствуйте, Михаил. Спасибо за Ваши уроки, очень познавательно. Подскажите пожалуйста. Добавил в основном динамическом left меню (где меню каталога Ремни, Платья и т.д.) новый статический раздел (Инфо) с выпадающим меню подразделов (Видео, Статьи и т.д.) для статей. Получилось так, Ремни, Платья, Инфо. Но когда нажимаешь на выпадающий подраздел (Видео) новго раздела (Инфо), то в основном меню на месте нового раздела (Инфо) появляется вложенные подразделы (Видео, Статьи и т.д.). Как сделать так, чтобы нажимая на выпадающий подраздел, главное меню не изменялось и оставалось как было (Ремни, Платья, Инфо)? Спасибо за ответ. Сергей.

20.08.2015
Добрый вечер! Спасибо за Ваши уроки! Актуальная статья про выпадающее меню. Но интересно было бы прикрутить его к каталогу! При чём к активному каталогу, который постоянно обновляется разделами из 1с! А то у меня сейчас перед списком товаров большое пространство съедает каталожное дерево. Не хорошо( Вот для примера https://lineofdance.ru/magazin/katalog/obuv/ В инете много кода с выпадающим меню. Но прикрутить его к каталожному дереву я не смог. Мозгов не хватает. Скажите, на сколько сложно Ваш код адаптировать к каталогу, что бы сделать его с выпадающими разделами и тем самым спрятать второй уровень? Полностью убирать не хочу. Нужна наглядность при наведении. Спасибо! К стати мой сайт сделан самостоятельно благодаря Вашим урокам!

16.09.2015
Добрый день! Пытался добавить пункт в верхнем меню, удалил его, и все меню пропало. Но когда нажимаешь на раздел "О школе" все меню появляются слева, но как будто в старом виде (месячной давности). Можно как-то переместить это левое меню в верхнее? Просто там куча подменю и т.д. уже не вспомнишь как оно должно быть... Или есть некий откат, скажем на 1 день назад? Заранее благодарен.

05.06.2016
Михаил, подскажите пожалуйста каким параметром и где регулируется высота выпадающего меню? Т.е. в частности в типовом решении меню выпадает до определенного предела вниз, потом позиции, которые не влезли формируются вторым рядом. Вот предел высоты где регулируется? Спасибо.

27.12.2016
Михаил, здравствуйте! Спасибо за шаблон. Только у меня есть вопрос. В моем проекте пункты меню сопровождаются еще и картинками. То есть в выпадающем меню есть еще три пункта которые располагаются горизонтально под основным меню и над каждым названием пункта подменю есть картинка размером 250 на 100. Как это можно осуществить? Картинки размещены не через css, а через тег <img> в html. Есть ли возможность прописать эти кратинки в самом шаблоне template.php? Заранее спасибо!

Кроме создания сайтов, я так же веду блог с заметками о вебразработке, записываю бесплатные видеоуроки и содержу форум, на котором можно задавать вопросы и просто общаться. Заметки, преимущественно - это короткие или подробные рецепты, по реализации часто требуемого функционала- в рамках разработки сайтов на 1С-Битрикс

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

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

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

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

Вывести множественное свойство типа файл с названием и весом файла в Битрикс

В этой заметке расскажу как красиво вывести множественное свойство типа файл в инфоблоке 1С-Битрикс. С показом оригинального названия файла, его транс...

Вывод даты создания элемента в правильном формате в Битрикс

Если нужно вывести дату создания новости, статьи или товара в каталоге, в принципе любого элемента инфоблока- можно воспользоваться вызовом $arResult[...

Как вставить социальные кнопки в детальное описание новости битрикс

Во истину Яндекс плохая поисковая система с точки зрения пользователей. Вот уже вторую неделю наблюдаю попытки людей найти на моем сайте инструкцию "к...

Добавление и удаление из сравнения на AJAX: Битрикс

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

20.11.2013

Добрый день, хочу выразить благодарность за отличные уроки.
Не подскажите как правильно сделать, чтоб выпадающие пункты меню, отображались как линию ( как второе горизонтальное меню), и чтоб оно не исчезало, если убрать курсор, тоесть чтоб все подпункты были видны, до тех пор пока не открыть другой родительский пункт меню?
Заранее спасибо.

Михаил 20.11.2013

Цитата

Гость сайта пишет:
Добрый день, хочу выразить благодарность за отличные уроки.
Не подскажите как правильно сделать, чтоб выпадающие пункты меню, отображались как линию ( как второе горизонтальное меню), и чтоб оно не исчезало, если убрать курсор, тоесть чтоб все подпункты были видны, до тех пор пока не открыть другой родительский пункт меню?
Заранее спасибо.

Думаю с помощью js- по идее можно сначала сделать такое меню (как вариант, найти готовое) на HTML/CSS а потом просто интегрировать в битрикс.

21.12.2013
Подскажите а каким образом мне пременить для меню?

Михаил 22.12.2013

Цитата
berdnik пишет: Подскажите а каким образом мне пременить для меню?

Распаковать архив, кинуть в папку с Вашим шаблоном битрикс, из публичной части зайти в настройки компонента меню и выбрать этот шаблон (совпадет с названием папки)

18.01.2014

Ну вот хот один адекватный пользователь Битрикса появился, вот сам бы хрен додумался что выбирать шаблон меню надо именно из публичной части, всю админку перерыл!!

Друг а расскажи еще пожалуйста как добавить разделы в выпадающее меню!

Михаил 19.01.2014

berdnik пишет:
Ну вот хот один адекватный пользователь Битрикса появился, вот сам бы хрен додумался что выбирать шаблон меню надо именно из публичной части, всю админку перерыл!!

Друг а расскажи еще пожалуйста как добавить разделы в выпадающее меню!

Создай тип меню для выпадающего (например левое или меню раздела, не принципиально как его обозвать). И в настройках компонента подключи его указав как "Тип меню для остальных уровней"

Примерно так:

20.05.2014

Добрый день, Михаил!
Спасибо за уроки!
Возникла проблема, после подключения меню в битрикс на главной странице все отображается замечательно, но при переходе на любую другую страницу не работает скрипт меню, отображаются только пункты меню верхнего уровня, из-за чего такое может быть?

ВИДИМО ТА ЖЕ ПРОБЛЕМА- пройдите сюда http://camouf.ru/blog-note/bx_site_created/5.html

04.06.2014

Здравствуйте. Подскажите пожалуйста как добавить картинки для подкатегорий в выпадающего горизонтального меню, которую вы выложили в данной статье. При наведении курсора на подкотегорию показывалась картинка. как на сайте http://www.porsche.com/russia/

Михаил 04.06.2014

Евгений пишет:
Здравствуйте. Подскажите пожалуйста как добавить картинки для подкатегорий в выпадающего горизонтального меню, которую вы выложили в данной статье. При наведении курсора на подкотегорию показывалась картинка. как на сайте http://www.porsche.com/russia/

Подсмотрите в типовом магазине, что идет в комплекте с битрикс- там это реализовано

09.06.2014

Здравствуйте, Михаил.

Спасибо за Ваши уроки, очень познавательно.

Подскажите пожалуйста.

Добавил в основном динамическом left меню (где меню каталога Ремни, Платья и т.д.) новый статический раздел (Инфо) с выпадающим меню подразделов (Видео, Статьи и т.д.) для статей. Получилось так, Ремни, Платья, Инфо.
Но когда нажимаешь на выпадающий подраздел (Видео) новго раздела (Инфо), то в основном меню на месте нового раздела (Инфо) появляется вложенные подразделы (Видео, Статьи и т.д.). Как сделать так, чтобы нажимая на выпадающий подраздел, главное меню не изменялось и оставалось как было (Ремни, Платья, Инфо)?

Спасибо за ответ.

Сергей.

Михаил 09.06.2014

Сергей пишет:
Здравствуйте, Михаил.

Спасибо за Ваши уроки, очень познавательно.

Подскажите пожалуйста.

Добавил в основном динамическом left меню (где меню каталога Ремни, Платья и т.д.) новый статический раздел (Инфо) с выпадающим меню подразделов (Видео, Статьи и т.д.) для статей. Получилось так, Ремни, Платья, Инфо.
Но когда нажимаешь на выпадающий подраздел (Видео) новго раздела (Инфо), то в основном меню на месте нового раздела (Инфо) появляется вложенные подразделы (Видео, Статьи и т.д.). Как сделать так, чтобы нажимая на выпадающий подраздел, главное меню не изменялось и оставалось как было (Ремни, Платья, Инфо)?

Спасибо за ответ.

Сергей.

Первое что приходит в голову: в подразделе Видео раздела Инфо, физически, лежит файл left.menu или его ext. Поэтому в этом разделе вызывается именно оно
Посмотрите вот это видео http://camouf.ru/blog-note/bx_site_created/5.html во всяком случает этот момент прояснится.

13.06.2014
Миша, спасибо большое! Хорошие Уроки! Лучшего пока не встретил! Но все таки можно ли создать урок как создать в этом меню, выпадающие подменю? Если данный урок есть, подскажите его расположение! Спасибо! ))

18.03.2015
Добре!! Вот сегодня попалось!! Кажется это твое!!! http://www.miditator.ru/blog/1c-bitrix/vypadayushchee-menyu-dlya-bitriks/

Михаил 18.03.2015

Цитата
Алексей пишет: http://www.miditator.ru/blog/1c-bitrix/vypadayushchee-menyu-dlya-bitriks/

Это сайт моего партнера, над многими проектами работаем вместе) Ну да многое забрано у меня.

11.07.2015
Михаил здравствуйте. Можно еще немного подробнее объяснить как применить данный шаблон для меню, а то как то совсем не получается ((( Заранее спасибо за ваш труд.

17.07.2015

Цитата
Илья пишет: Михаил здравствуйте. Можно еще немного подробнее объяснить как применить данный шаблон для меню, а то как то совсем не получается ((( Заранее спасибо за ваш труд.

Стоило подолбаться еще и все получилось)

20.08.2015

Добрый вечер!
Спасибо за Ваши уроки!
Актуальная статья про выпадающее меню.
Но интересно было бы прикрутить его к каталогу! При чём к активному каталогу, который постоянно обновляется разделами из 1с! А то у меня сейчас перед списком товаров большое пространство съедает каталожное дерево. Не хорошо(
Вот для примера https://lineofdance.ru/magazin/katalog/obuv/
В инете много кода с выпадающим меню. Но прикрутить его к каталожному дереву я не смог. Мозгов не хватает.
Скажите, на сколько сложно Ваш код адаптировать к каталогу, что бы сделать его с выпадающими разделами и тем самым спрятать второй уровень?
Полностью убирать не хочу. Нужна наглядность при наведении.
Спасибо!
К стати мой сайт сделан самостоятельно благодаря Вашим урокам!

Михаил 20.08.2015

Цитата
Максим пишет: https://lineofdance.ru/magazin/katalog/obuv/

Сделать совсем не сложно, через ext меню, а так тот же самый шаблон

16.09.2015

Добрый день!
Пытался добавить пункт в верхнем меню, удалил его, и все меню пропало. Но когда нажимаешь на раздел "О школе" все меню появляются слева, но как будто в старом виде (месячной давности).
Можно как-то переместить это левое меню в верхнее? Просто там куча подменю и т.д. уже не вспомнишь как оно должно быть...
Или есть некий откат, скажем на 1 день назад?

Заранее благодарен.

Михаил 16.09.2015

Mexxt пишет:
Добрый день!
Пытался добавить пункт в верхнем меню, удалил его, и все меню пропало. Но когда нажимаешь на раздел "О школе" все меню появляются слева, но как будто в старом виде (месячной давности).
Можно как-то переместить это левое меню в верхнее? Просто там куча подменю и т.д. уже не вспомнишь как оно должно быть...
Или есть некий откат, скажем на 1 день назад?

Заранее благодарен.

Если настроено резервное копирование раз в день- то можно откатиться на день назад.

А так: разбирайтесь с файлами меню в структуре, или удалите все и создайте по новой (не разделы а именно файлы меню)

21.01.2016
Во первых сверх спасибо за все уроки а вопрос одни отцентровка этого меню оно прилипает к левому можно отступом но тогда на разных разрешениях по разному за ранее спасибо

14.04.2016
Добрый день. Благодарю за урок. А трехуровое меню такое как сделать, чтобы сбоку например если у раздела есть подразделы они тоже отображались?

Михаил 14.04.2016

Цитата
Максим Иванов написал: Добрый день. Благодарю за урок. А трехуровое меню такое как сделать, чтобы сбоку например если у раздела есть подразделы они тоже отображались?

А должны бы сами, там в стилях на 4 уровня прописано- если не ошибаюсь

05.06.2016

Михаил, подскажите пожалуйста каким параметром и где регулируется высота выпадающего меню?
Т.е. в частности в типовом решении меню выпадает до определенного предела вниз, потом позиции, которые не влезли формируются вторым рядом. Вот предел высоты где регулируется? Спасибо.

Михаил 05.06.2016

Сергей Кононов написал:
Михаил, подскажите пожалуйста каким параметром и где регулируется высота выпадающего меню?
Т.е. в частности в типовом решении меню выпадает до определенного предела вниз, потом позиции, которые не влезли формируются вторым рядом. Вот предел высоты где регулируется? Спасибо.

По идее предела там нет, должно выпадать в бесконечность. Во всяком случае, проверил на одном из сайтов где это меню стоит (у меня на сайте уже давно не оно). Смотрите где-то в стилях своего сайта- может быть какой-то конфликт с другими стилями, с похожими названиями селекторов

05.06.2016
В типовом магазине от битрикса реализовано так: https://cloud.mail.ru/public/A81M/FDeabUZYe Какой параметр в стилях может за это отвечать?

Цитата
Сергей Кононов написал: В типовом магазине от битрикса реализовано так: https://cloud.mail.ru/public/A81M/FDeabUZYe Какой параметр в стилях может за это отвечать?

Смотрите в js это где-то там. Я стараюсь не усложнять на пустом месте, там где можно без js делаю без него- типовые шаблоны думают иначе

Олег 12.11.2016
Огромное спасибо за проделанную работу. Выручил.

27.12.2016

Михаил, здравствуйте!

Спасибо за шаблон. Только у меня есть вопрос. В моем проекте пункты меню сопровождаются еще и картинками. То есть в выпадающем меню есть еще три пункта которые располагаются горизонтально под основным меню и над каждым названием пункта подменю есть картинка размером 250 на 100. Как это можно осуществить? Картинки размещены не через css, а через тег <img> в html. Есть ли возможность прописать эти кратинки в самом шаблоне template.php?

Заранее спасибо!

Михаил 27.12.2016

derherbst написал:
Михаил, здравствуйте!

Спасибо за шаблон. Только у меня есть вопрос. В моем проекте пункты меню сопровождаются еще и картинками. То есть в выпадающем меню есть еще три пункта которые располагаются горизонтально под основным меню и над каждым названием пункта подменю есть картинка размером 250 на 100. Как это можно осуществить? Картинки размещены не через css, а через тег <img> в html. Есть ли возможность прописать эти кратинки в самом шаблоне template.php?

Заранее спасибо!

Технически да, вам нужно найти DEPTH_LEVEL правильный (тот где должны быть картинки) и просто их туда вставить в template.php

Обсудить статью на форуме