1 Добавляем в template.php в шапке сайта
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<div class="container_12" id="topmenu"> <div class="grid_12"> <?php cmsModule('topmenu'); ?> </div> </div> Заменяем на <div class="container_12"> <?php cmsModule('topmenu'); ?> </div>
<script type="text/javascript"> $('#nav').spasticNav(); </script>
а файл style.css в папку стилей
3 Открываем файл mod_menu.tpl и заменяем его содержимое на следующее
<script src="/templates/_default_/js/jquery.spasticNav.js" type="text/javascript"></script> <div> <ul id="nav" class="menu"> {if $cfg.show_home} <li {if $menuid==1}class="selected"{/if}> <a href="/" {if $menuid==1}class="selected"{/if}><span>{$LANG.PATH_HOME}</span></a> </li> {/if} {if $item.NSLevel == $last_level}</li>{/if} {math equation="x - y" x=$last_level y=$item.NSLevel assign="tail"} {section name=foo start=0 loop=$tail step=1} </li></ul> {/section} {if $item.NSLevel <= 1} <li {if ($menuid==$item.id || ($currentmenu.NSLeft > $item.NSLeft && $currentmenu.NSRight < $item.NSRight)) && $item.NSLevel<=1}class="selected"{/if}> {/if} {if $item.NSLevel <= 1} <a href="{$item.link}" target="{$item.target}" {if $menuid==$item.id}class="selected"{/if} title="{$item.title|escape:'html'}"> {if $item.iconurl}<img src="/images/menuicons/{$item.iconurl}" alt="{$item.title|escape:'html'}" />{/if} {$item.title} </a> {else} {if $item.NSLevel > $last_level}<ul>{/if} <li {if ($menuid==$item.id || ($currentmenu.NSLeft > $item.NSLeft && $currentmenu.NSRight < $item.NSRight))}class="selected"{/if}> <a href="{$item.link}" target="{$item.target}" {if $menuid==$item.id}class="selected"{/if} title="{$item.title|escape:'html'}"> <span>{if $item.iconurl}<img src="/images/menuicons/{$item.iconurl}" alt="{$item.title|escape:'html'}" />{/if} {$item.title}</span> </a> {/if} {assign var="last_level" value=$item.NSLevel} {/foreach} {section name=foo start=0 loop=$last_level step=1} </li></ul> {/section} </ul> </div>