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

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

30.08.2015

menu-po-tipu-joomlaПри переносе сайта с 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;}


Ещё статьи:

13.08.2020 Получить id элемента привязки к пользователю битрикс
Получить id элемента, который добавлен в свойство привязки к пользователю битрикс ID: 250

22.06.2020 Дубли внешнего кода не грузятся при импорте Битрикс
При копировании штатными средствами элементов (кнопка копировать) обнаружил такой момент, что при XML экспорте и последующим XML импорте не вс... ID: 243

17.06.2020 Журнал отправки почты на сайте Битрикс
В Битриксе есть инструменты для получения данных отправки почты на сайте. Рассмотрим, что в итоге есть. ID: 242

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

Три золотых правила перед обновлением битрикс 12.10.2020 Три золотых правила перед обновлением битрикс
Довольно часто банальное обновление приводит к ошибкам и потере работоспособности сайта битрикс. Чтобы потом не тратить своё время и нервы следует соб...

ID: 308

Операторы сравнения для getList 09.10.2020 Операторы сравнения для getList
Полный список операторов сравнения, которые можно использовать в выборке getList в так называемом фильтре

ID: 306

22.09.2020 Отладка ошибок битрикс модулей
Часто не понятно с чем связана ошибка модуля и каких ему в реальности не хватает входных параметров, так как в документации об этом может быть не сказано.... ID: 256

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

© 2015-2020 Web админ
Связаться по WhatsApp