Боковое меню Битрикс по типу джумлы
При переносе сайта с 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;}
Ещё статьи:
20.09.2021
Разговор с рекрутером в 2021. Мидл это младший специалист и на удалёнку не ниже сеньёра
Рекрутер: В принципе ок, но обычно младших специалистов мы в офис берем). Что скажете?
П.С. Мда, интересно оказывается, что мидл это младший специалист,...
ID: 320
01.12.2020
Свершилось, битрикс перестал поддерживать mbstring.func_overload
Теперь для обновления на версию v20.100.0 требуется удаление опции mbstring.func_overload. Эта опция более не требуется и не поддерживается платформой...
ID: 313
13.08.2020
Получить id элемента привязки к пользователю битрикс
Получить id элемента, который добавлен в свойство привязки к пользователю битрикс
ID: 250
Новые статьи в блоге:
06.04.2022
Своё АПИ на сайте битрикс без модуля
Искал куда компонент спрятали и нашёл такую реализацию мини АПИ без модуля.
ID: 333
18.03.2022
Получение минимальной цены и сохранение в свойство
Пополнение - пример события OnPriceUpdate для получение минимальной цены и сохранения в свойство инфоблока.
ID: 332
12.02.2022
Проверка групп пользователя и исключение разделов
Пример события для проверки групп пользователя с целью исключить разделы из общего доступа
ID: 331