Боковое меню Битрикс по типу джумлы

30.08.2015

При переносе сайта с joomla на систему Битрикс столкнулся с задачей, которая задержала меня в реализации «натяжки» шаблона. На сайте исходнике использовалось обычное меню joomla. Казалось, что проблем не возникнет. Суть меню заключается в том, что при переходе по пунктам меню, вложенное подменю раздела автоматически раскрывается и сворачивается. При этом все кнопки должны быть кликабельными с переходом на страницу. Вариант аккордеона тут не подходит, так как там кнопки раздела являются якорями.
В результате долгого поиска решения для реализации такого меню для Битрикс придумал такой способ:
Использовал для доработки vertical multilevel menu Битрикс.
В участке кода отвечающего за вывод пунктов 1-го уровня для тега li добавил участок кода, который при активности пункта меню добавляет к этому тегу класс current:

if ($arItem[«DEPTH_LEVEL»] == 1):
           <li class=»<if ($arItem[«SELECTED»]):>current<else:><endif>»><a href=»<=$arItem[«LINK»]>» class=»<if ($arItem[«SELECTED»]):>root-item-selected<else:>root-item<endif>»><=$arItem[«TEXT»]></a>
               <ul class=»sub-menu»>
       <else:>

Далее с помощью стилей включал подменю раздела.
.left-menu li.current > ul.sub-menu
{display: block;}

Ещё статьи:

15.02.2024 История о жадности или как клиент свободное место искал на сервере
Случилась у меня одна история с клиентом, который свободное место искал на сервере, но на самом деле это больше о жадности, но в итоге всё равно пришл... ID: 466

08.11.2023 Хроники БУС упадка
На днях произошли очередные изменения в БУС битрикс. Полезный модуль bitrix.xscan включили в состав проактивной защиты и убрали из бесплатного сегмента... ID: 465

26.07.2023 Kwork.com закрыл доступ для резидентов РФ
Доступ к выставлению услуг теперь ограничен "К сожалению, вынуждены сообщить, что резиденты РФ в настоящее время не могут использовать сайт Kwork... ID: 463

Новые статьи в блоге:

31.07.2024 Нюансы продления лицензии на 3 и 6 месяцев от 12 месяцев
На маркетплейсе есть такая кнопка "купить продление", при нажатии на неё есть выпадающий список продолжительность (3 мес. самый дешовый ... ID: 494

31.07.2024 Ошибка в блоке "Вы смотрели" на базе catalog.section
При создании блока "Вы смотрели" на базе catalog.section на детальной странице товара столкнулся с ошибкой, когда блок работал не корректно,... ID: 493

26.06.2024 Мой отзыв о Seo-специалисте Александр Сергиенко
Делюсь моим опытом о Seo-специалисте Александр Сергиенко https://kwork.ru/user/21alex
Я думаю потенциальным клиентам этого мудака будет полезно узнать... ID: 471

Возврат к списку