Настройка меню типа аккордион
Этот урок направлен на объяснение того, как настроить меню типа аккордион в шаблонах YOOtheme, созданных в период до июля 2009 без применения технологии Warp Framework.
Настройка структуры меню
Например, структура вашего меню может быть такой:
В данном примере пункт меню с названием Accordion Sample A - это триггер меню аккордиона, который содержит событие - по нажатию на данный пункт меню будут показаны пункты подменю.
Добавить ваш уровень аккордиона и название меню, например, для "othermenu2":
В данном примере пункт меню с названием Accordion Sample A - это триггер меню аккордиона, который содержит событие - по нажатию на данный пункт меню будут показаны пункты подменю.
Добавление эффекта для созданного меню
Чтобы добавить эффект аккордиона в новое меню, например, othermenu2, вам нужно выполнить следующее:
Изменить файл /lib/php/yootools.php (примерно на строке 35):
/* menu */ "accordionMenu" => array("mainmenu" => 2, "othermenu" => 1, "usermenu" => 1)
/* menu */ "accordionMenu" => array("mainmenu" => 2, "othermenu" => 1, "usermenu" => 1, "othermenu2" => 1)Вы можете найти название меню по нажатию Меню --> Менеджер меню, там в колонке "Type" вы увидите имя:
Переключение между различными режимами аккордиона
Откройте файл lib/js/yoo_tools.js и найдите код для YOOAccordionMenu.Используйте опцию slide, чтобы сделать возможным открытие больше, чем одного пункта подменю одновременно.
new YOOAccordionMenu('div#middle ul.menu li.toggler', 'ul.accordion', { accordion: 'slide' });Используйте опцию default для закрытия других раскрытых пунктов, когда происходит нажатие на один из них.
new YOOAccordionMenu('div#middle ul.menu li.toggler', 'ul.accordion', { accordion: 'default' });