Как сделать меню подкатегорий?

[Mariam]

Пытаюсь сделать свое отдельное меню для подкатегорий. Пока получилось с конкретными ссылками на определенные страницы. Как сделать, чтобы оно стало меню конкретной категории? Id категории у меня есть, как его прописать?
 
Это текст файла newmenu.tpl - модуль меню

• Friends
  • Cute Kittens
  • Strange “Stuff”
  • Automatic Fails
• Videos
  • Cute Kittens
  • Strange “Stuff”
  • Automatic Fails
• Galleries
  • Cute Kittens
  • Strange “Stuff”
  • Automatic Fails
• Podcasts
  • Cute Kittens
  • Strange “Stuff”
  • Automatic Fails
• Robots
  • Cute Kittens
  • Strange “Stuff”
  • Automatic Fails>

<br>$(function() {<br> <br> var menus_ul = $('.menus > li > ul'),<br> menus_a = $('.menus > li > a');<br> menus_ul.hide();<br> menus_a.click(function(e) {<br> e.preventDefault();<br> if(!$(this).hasClass('active')) {<br> menus_a.removeClass('active');<br> menus_ul.filter(':visible').slideUp('normal');<br> $(this).addClass('active').next().stop(true,true).slideDown('normal');<br> } else {<br> $(this).removeClass('active');<br> $(this).next().stop(true,true).slideUp('normal');<br> }<br> });<br> <br>});<br>

 
а это текст файла - таблицы стилей для этого меню:
 

/*wrapper */
#wrapper {
width: 180px;
margin: 0px;
border-radius: 6px;
box-shadow: 0px 1px 5px #000;
font-size: 0.8125em;
}
.menus ul, ul ul {
width: auto;
height: auto;
list-style: none;
padding-left: 0;
}
.menus {
width: auto;
height: auto;
list-style: none;
padding-left: 0;
}
.menus > li > a {
background: rgb(147,95,203); /* Old browsers */
background: -moz-linear-gradient(top, rgba(147,95,203,1) 0%, rgba(136,71,193,1) 35%, rgba(95,0,168,1) 63%, rgba(153,55,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,95,203,1)), color-stop(35%,rgba(136,71,193,1)), color-stop(63%,rgba(95,0,168,1)), color-stop(100%,rgba(153,55,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(147,95,203,1) 0%,rgba(136,71,193,1) 35%,rgba(95,0,168,1) 63%,rgba(153,55,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(147,95,203,1) 0%,rgba(136,71,193,1) 35%,rgba(95,0,168,1) 63%,rgba(153,55,219,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(147,95,203,1) 0%,rgba(136,71,193,1) 35%,rgba(95,0,168,1) 63%,rgba(153,55,219,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(147,95,203,1) 0%,rgba(136,71,193,1) 35%,rgba(95,0,168,1) 63%,rgba(153,55,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#935fcb', endColorstr='#9937db',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #4020E4;
-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
box-shadow: inset 0px 1px 0px 0px #878e98;
width: 100%;
height: 2.75em;
line-height: 2.75em;
text-indent: 2.75em;
display: block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
text-decoration: none;
}
.menus ul li a {
background-color: #674EE6;
border-bottom: 1px solid #efeff0;
width: 100%;
height: 2.75em;
line-height: 2.75em;
text-indent: 2.75em;
display: block;
position: relative;
background: #000;
color: #fff;
text-decoration: none;
list-style: none;
}
.menus > li > a:hover,
.menus > li > a.active {
background-color: #35afe3;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
border-bottom: 1px solid #103c56;
-webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
-moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
box-shadow: inset 0px 1px 0px 0px #6ad2ef;
border-bottom: 1px solid #1a638f;
}
.menus ul li:last-child a {
border-bottom: 1px solid #33373d;
}
.menus > ul > a:hover {
text-decoration: underline;
}

 
Однако, ссылки в подменю не хотят становиться подчеркнутыми при наведении на них курсора. Не знаете, как сделать, чтобы они становились? И вообще, можно ли сделать, чтобы пункты в подменю при наведении на них курсора точно так же меня и бакграунд и т.п. как пункты основного меню? Как это сделать, у меня это тоже не получилось. 
Ну и вообще, может, я еще где ошиблась, буду рада, если подскажете.

Змінено 10 липня 2014 користувачем tim21701

[SquirrelGirl]

У меня похожий вопрос, поэтому напишу сюда же... Почему в админке у подкатегорий есть свои подкатегории, а на сайте они уже не отображаются? Может, можно их просто где-то включить или надо код переписывать?

[Mariam]

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

Еще, как я понимаю, в файле таблицы стилей у меня есть неправильные строчки - так как я не сама писала, а собрала это их нескольких уроков. Было бы здорово, если бы кто-нибудь подсказал, что там можно убрать и улучшить. 

SquirrelGirl, если я правильно поняла ваш вопрос, у вас в меню категорий не отображаются некоторые категории? Может, у них в админке стоит статус "отключено"?

[maniyar]

У меня похожий вопрос, поэтому напишу сюда же... Почему в админке у подкатегорий есть свои подкатегории, а на сайте они уже не отображаются? Может, можно их просто где-то включить или надо код переписывать?

В админке включить и поставить птичку "Показывать в главном меню"

панель управления - каталог - категории - выбираете нужную - данные:

[SquirrelGirl]

В админке включить и поставить птичку "Показывать в главном меню"

панель управления - каталог - категории - выбираете нужную - данные:

 

 

Увы, не помогает... Наверное, шаблон глюкнутый. Но всё равно спасибо. :)

 

 

[SquirrelGirl]

Проверьте целостность кода вывода подкатегорий в меню навигации в header.tpl, при необходимости поменяйте на код из дистрибутива

Галочки для подкатегорий бессмысленны так как предусмотрены только для вывода категорий, подкатегории отображаются только по условию прописанному непосредственно в tpl,естественно если на сайте используется стандартный вывод,а не через установленный модуль

Если вопрос о подкатегориях 3го уровня то отображение их в стандарте не предусмотрено, поэтому рекомендовал бы искать реализацию (на форуме она была в одной из тем) либо использовать модуль (их тут то же не мало), например Мега меню

Сразу не прочитала, спасибо, будем искать.