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

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

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;}


Ещё статьи:

30.08.2022 Типовые претензии к подрядчику и к битрикс
По свежим следам я собрал типовые претензии к подрядчику и к битрикс. Мной был проведён аудит и я увидел, что техническое состояние сайта хорошее, нареканий... ID: 338

14.06.2022 Z-Донбасс и мой скромный волонтёрский вклад
Z-Донбасс и мой скромный волонтёрский вклад. Народ не забываем помогать людям Донбасса, которые оказались в сложной ситуации, без денег, еды.
В моём случае... ID: 334

20.09.2021 Разговор с рекрутером в 2021. Мидл это младший специалист и на удалёнку не ниже сеньёра
Рекрутер: В принципе ок, но обычно младших специалистов мы в офис берем). Что скажете?
П.С. Мда, интересно оказывается, что мидл это младший специалист,... ID: 320

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

08.09.2022 Расход оперативной памяти у интернет-магазина битрикс с 60 000 товаров
После выполнения мной доработки не связанной с обменом, у заказчика появилась проблема с обновлением товаров из раздела КПБ после обмена с 1С.

Перестали... ID: 341

31.08.2022 Тест VPS тарифа RED.Site-2 reddock.ru для битрикс Аспро
Параметры хостинга:
Виртуальный сервер RED.Site-2, Дисковое пространство -40Гб, Оперативная память - 2Гб ID: 340

31.08.2022 Тест тарифа reg.ru SSD-VPS-3 битрикс Аспро
Параметры хостинга SSD-VPS-3 сайта битрикс с Аспро в ходе тестов:
10 гб к серверу "Cyan Terbium", Премиум DNS, ISPmanager 6 Lite 8 для сервера... ID: 339

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

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