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

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

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

24.06.2025 Не работает поле Местоположение
Не работает поле "Местоположение" в стандартном оформлении заказа.
При оформлении заказа отсутствует поле Местоположение, не выводится и нет... ID: 630

24.06.2025 Аспро приколы с версиями 2.0, 3.0 и т.д.
Интересный бизнес лайфхак от Аспро, продаёшь клиенту шаблон, потом через несколько лет вместо поддержки и обновления делаешь новый шаблон с названием ... ID: 629

20.06.2025 Ошибки отправки письма SUCCESS_EXEC
Найдите событие заполнения формы, смотрите в поле SUCCESS_EXEC: ID: 628

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