Question

Прочитала документацию битрикса, однако постоянно получается, что меню не древовидное.
То есть, допустим, вот такая логика меню:
1.Продукция
1.1. Продукт 1
1.2. Продукт2
У меня получается, что я нажимаю на продукцию – открывается страница. На этой странице в пунктах меню стоит Продукт 1.
В общем, пожалуйста, объясните понятным языком, как правильно сделать древовидное меню, с «ветками», которые будут отображаться полностью на всех страницах.

Answer 1

Допустим, у нас есть 2 типа меню - top и left (не подходят, можно завести свои типы). Верхнее меню (где Продукты) пусть будет типа top. Все ссылки из него должны вести на папки (НЕ на страницы). В этих папках заводим меню другого типа - пусть будет left (top уже занят). К примеру, для папки с Продукты в left-меню будут Продукт 1, Продукт 2.
Настраиваем компонент меню. Шаблон - древовидное меню. Тип меню 1-го уровня - top. Всех остальных - left. Глубина вложенности - не менее 2-х. Все.

Answer 2

Спасибо Евгений, вроде бы получилось. Буду дальше изучать)

Answer 3

Не подскажите, как сделать так чтобы та ссылка, на которой находится пользователь, меняла свой цвет на отличный от основного цвета?

Код
div.menu-sitemap-tree a:active{ color: orange; }

Работает не корректно.

Answer 4

в шаблоне там где выводятся пункты меню написать что то вроде

Код
<li <?if ($arItem["SELECTED"]) echo 'class="menu-selected"'?>>.....

ну и в стили прописать класс menu-selected

Answer 5

Там так написано:

Код
<li <?if (!$arItem["SELECTED"]):?>class="close"<?endif?>>             <div class="folder" onClick="OpenMenuNode(this)"></div>             <div class="item-text"><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></div>

Надо ли исправлять или как-то в CSS прописать надо?
То есть надо ли как-то изменять шаблон, и подскажите, пожалуйста, что надо написать в таком случает в CSS.

Answer 6

В css-файле шаблона прописываете новый стиль для ссылки. В шаблоне вместо

Код
<a href="<?=$arItem["LINK"]?>">

пишем

Код
<? if ($arItem['SELECTED']) { ?><a href="<?=$arItem["LINK"]?>" class="имя_вашего_класса_для_ссылки"><? } else { ?><a href="<?=$arItem["LINK"]?>"><? }