Создание многоуровневого меню в IntecUniverse

Коллеги! С вами Ярослав Голуб, руководитель интернет-агентства INTEC. Сегодня я расскажу, как настроить боковое меню на примере раздела каталога на линейке готовых корпоративных сайтов и интернет-магазинов IntecUniverse так, чтобы можно было найти товар по его свойствам.


Многоуровневое меню необходимо для разделов, в которых есть вложенность. Чаще всего это каталог и услуги. Например. Бытовая техника -> Кухонная бытовая техника -> Вытяжки -> Встроенные вытяжки.

И чтобы пользователю попасть в «Встроенные вытяжки» ему не нужно проходить этот путь через страницы каталога. Достаточно просто навести на меню.

Начнем с добавления бокового меню.





Если для компонента bitrix:catalog («Каталог») используются глобальные настройки, тогда настроить боковое меню можно с помощью шестеренки в разделе «Каталог».






Здесь можно выбрать вид отображения бокового меню, а также указать, в каких разделах отображать это меню.


Если глобальные настройки отключены, то тогда настройка меню производится в параметрах компонента bitrix:catalog («Каталог»).



Чтобы настроить сам компонент меню, нужно в режиме правки навести на каталог товаров, раскрыть меню справа от шестеренки, навести на компонент intec.universe:menu.sections («Пункты меню») и нажать на «Редактировать параметры компонента».





В параметрах компонента меню сначала указывается инфоблок каталога, из которого будут тянуться разделы и элементы, отображающиеся в меню.



Затем идут настройки самого меню.




• Выводить как обычное меню - данная настройка относится к меню каталога в шапке. Если включить обычное отображение, то меню будет отображаться без картинок.



• Выводить корневые элементы - отображать в боковом меню и в меню каталога шапки элементы, которые находятся не в разделах, а на верхнем уровне - в корне каталога.








• Выводить элементы разделов - отображать в боковом меню элементы разделов.









• Включить режим совместимости с поддержкой ЧПУ - если у вас для каталога включен режим ЧПУ, тогда для бокового меню также нужно настроить ЧПУ в соответствии с настройками каталога.







В разделе «Источник данных» указывается уровень вложенности меню. Чем меньше установлено значение, тем меньше отображается подпунктов меню.





Заканчиваются настройки параметрами кэширования.





На этом у меня все. Больше о возможностях IntecUniverse - в следующих статьях.