Настройка отображения меню

Все созданные в административной части Меню можно использовать при настройке отображения шаблона общего вида сайта main.tpl. Для того чтобы вставить меню на сайт, нужно в файле main.tpl прописать следующую строку:

{load_menu('nazvaniye_menu')}

После вставки меню в шаблон сайта, на самом сайте оно будет отображаться в следующем виде:

• Первый пункт
• Второй пункт
• Третий пункт
• Четвертый пункт
• Пятый пункт

Соответственно тот пункт меню, на котором мы будем находится в текущий момент, будет получать class=«active» для отображения текущего местонахождения.

Полезные советы

Для того чтобы лучше настроить отображение меню, нужно в файле /templates/vashshablon/css/styles.css создать новый класс, например: nazvaniyemenu. После этого вставлять меню на сайт следующим образом:

<div id="up_menu">       
      {load_menu('up_menu')} 
</div>

 Для того чтобы создать дополнительное меню, необходимо в файле стилей templates/corporate/css/style.css добавить следующие стили:

#up_menu {
    height:17px;
    text-transform:uppercase;
    color:#fff;
}
#up_menu a {
    font-size:12px;
    color:#ffffff;
    text-decoration:none;
}
#up_menu ul li {
    float:left;
    border-right:1px solid #dfdfdf;
    padding:2px 1px;
    position:relative;
}
#up_menu ul li ul li {
    float:none;
    border-right:0;
    padding:1px 0;
    border-bottom:1px solid #e3e3e3;
}
#up_menu ul li a {
    display:block;
    padding:5px 23px 0 23px;
    height:17px;
    color:#ffffff;
    font-size:16px;
    font-weight:bold
}
#up_menu ul li ul li a {
    padding:10px;
    display:block;
    color:#444444;
    text-decoration:none;
    height:auto;
    font-size:11px;
    margin:0;
}
#up_menu ul li a:hover {
    color:#ccceef
}
#up_menu ul li ul li a:hover {
    color:#FFFFF9;
    
#up_menu ul li.home {
    padding:0 1px 0 0;
}
#up_menu ul li.home a {
    padding:23px 33px 2px 33px;
}
#up_menu ul li.home a:hover {
    color:#fff78e
}
#up_menu ul li ul {
    padding:15px;
    position:absolute;
    top: 58px;
    background:#FFFAFA;
    z-index:99;
    left:-1px;
    width:180px;/* MOD */
}
#up_menu ul li ul .last {
    border-bottom:0;
}

,а в файле main.tpl следующее:

{load_menu('up_menu')}