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

10122  |  28

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

Выпадающее меню для Битрикс

Качаем архив: "amimate_menu", распаковывем в папку со своим Битрикс шаблоном и пременяем для меню, не забывайте настроить уровень вложенности.

Черной подложки под меню нет- то есть меню предназначено не для белого фона, однако вы легко сможете изменить цвет букв в настройках css меню.

Расскажи друзьям-то:
Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей
Зарегистрироваться Войти Напомнить пароль
Или войти через социальную сеть:
Гость сайта
Добрый день, хочу выразить благодарность за отличные уроки.
Не подскажите как правильно сделать, чтоб выпадающие пункты меню, отображались как линию ( как второе горизонтальное меню), и чтоб оно не исчезало, если убрать курсор, тоесть чтоб все подпункты были видны, до тех пор пока не открыть другой родительский пункт меню?
Заранее спасибо.
Михаил Базаров
Цитата
Гость сайта пишет:
Добрый день, хочу выразить благодарность за отличные уроки.
Не подскажите как правильно сделать, чтоб выпадающие пункты меню, отображались как линию ( как второе горизонтальное меню), и чтоб оно не исчезало, если убрать курсор, тоесть чтоб все подпункты были видны, до тех пор пока не открыть другой родительский пункт меню?
Заранее спасибо.
Думаю с помощью js- по идее можно сначала сделать такое меню (как вариант, найти готовое) на HTML/CSS а потом просто интегрировать в битрикс.
berdnik
Подскажите а каким образом мне пременить для меню?
Михаил Базаров
Цитата
berdnik пишет:
Подскажите а каким образом мне пременить для меню?
Распаковать архив, кинуть в папку с Вашим шаблоном битрикс, из публичной части зайти в настройки компонента меню и выбрать этот шаблон (совпадет с названием папки)
berdnik
Ну вот хот один адекватный пользователь Битрикса появился, вот сам бы хрен додумался что выбирать шаблон меню надо именно из публичной части, всю админку перерыл!!

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

Михаил
Миша, спасибо большое!
Хорошие Уроки! Лучшего пока не встретил!
Но все таки можно ли создать урок как создать в этом меню, выпадающие подменю?
Если данный урок есть, подскажите его расположение!
Спасибо! ))
Алексей
Добре!!
Вот сегодня попалось!!
Кажется это твое!!!
http://www.miditator.ru/blog/1c-bitrix/vypadayushchee-menyu-dlya-bitriks/
Михаил Базаров
Цитата
Алексей пишет:
http://www.miditator.ru/blog/1c-bitrix/vypadayushchee-menyu-dlya-bitriks/
Это сайт моего партнера, над многими проектами работаем вместе) Ну да многое забрано у меня.
Илья
Михаил здравствуйте. Можно еще немного подробнее объяснить как применить данный шаблон для меню, а то как то совсем не получается ((( :cry:
Заранее спасибо за ваш труд.
Илья
Цитата
Илья пишет:
Михаил здравствуйте. Можно еще немного подробнее объяснить как применить данный шаблон для меню, а то как то совсем не получается (((
Заранее спасибо за ваш труд.
Стоило подолбаться еще и все получилось) :)
Максим
Добрый вечер!
Спасибо за Ваши уроки!
Актуальная статья про выпадающее меню.
Но интересно было бы прикрутить его к каталогу! При чём к активному каталогу, который постоянно обновляется разделами из 1с! А то у меня сейчас перед списком товаров большое пространство съедает каталожное дерево. Не хорошо(
Вот для примера https://lineofdance.ru/magazin/katalog/obuv/
В инете много кода с выпадающим меню. Но прикрутить его к каталожному дереву я не смог. Мозгов не хватает.
Скажите, на сколько сложно Ваш код адаптировать к каталогу, что бы сделать его с выпадающими разделами и тем самым спрятать второй уровень?
Полностью убирать не хочу. Нужна наглядность при наведении.
Спасибо!
К стати мой сайт сделан самостоятельно благодаря Вашим урокам!
Михаил Базаров
Цитата
Максим пишет:
https://lineofdance.ru/magazin/katalog/obuv/
Сделать совсем не сложно, через ext меню, а так тот же самый шаблон
Mexxt
Добрый день!
Пытался добавить пункт в верхнем меню, удалил его, и все меню пропало. Но когда нажимаешь на раздел "О школе" все меню появляются слева, но как будто в старом виде (месячной давности).
Можно как-то переместить это левое меню в верхнее? Просто там куча подменю и т.д. уже не вспомнишь как оно должно быть...
Или есть некий откат, скажем на 1 день назад?

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

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

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

© 2011—2016 Частный вебмастер: ИП Базаров, ОГРНИП: 315784700173692. Работает на 1С-Битрикс.
Копирование материалов запрещено: "ГК РФ, часть 4, раздел VII: Права на результаты интеллектуальной деятельности".

Информация размещенная на сайте, не является публичной офертой. Политика конфеденциальности
x
Как к Вам обращаться? *
Ваша электронная почта: *
Доп. материалы (логотип, тех. задание):
 
Обзор
Текст сообщения: