Шаблоны страниц

Для создания многоуровневого меню, так же как и для создания одноуровневого, создадим шаблон меню в разделе Дизайн главного меню сайта. Так же можно легко превратить в многоуровневое меню, внеся необходимые изменения в шаблон.

На вкладке Пункты меню настроим список пунктов меню. Пусть первый пункт меню – «Главная страница» содержит у нас два подпункта – «Контакты» и «Гостевая».
Обратите внимание на столбик «Level» в котором указан уровень меню – 0 для пунктов первого уровня и 1 – для подуровней. Для удобства визуально наименования пунктов, относящиеся к подуровням, сдвинуты вправо.

Кликните, чтобы увидеть увеличенный вариант изображения!

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

Настроим шаблон вывода, используя системные переменные (их список с описанием приведен в разделе «Настройка обычного меню»). Вкладку «Главный шаблон» заполним так же, как в случае с одноуровневым меню – просто заключим множество {elements} в тэг <ul></ul>.

Перейдем на вкладку «Активный элемент» и вставим в поле шаблона следующий код.

Разберем его подробней. В первой строчке выводится проверка на то, что элемент является элементом первого уровня (level = 0). Если это так, то выводится элемент списка первого уровня (<li ></li>). Этот элемент списка включает название пункта меню ({name}), а так же множество пунктов подуровней, если они есть у этого элемента ({SubLevelElements}). Поскольку не у всех наших элементов первого уровня есть подуровни, не забудем поставить проверку на эту (IF[{SubLevelElementsNum}>0]). Ниже выводим шаблон для пунктов второго уровня (level = 1) .

Если бы у нас меню было не двухуровневым, а трехуровневым, шаблон следующего уровня выводился бы по аналогии.

Заполняем шаблон на вкладке «Пассивного элемент» точно так же, как и шаблон активного элемента, только к переменно {name} добавляем ссылку и сохраняем изменения.

Результат вывода меню можно видеть на сайте.