Перейти к содержанию
Mariam

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

Рекомендуемые сообщения

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

<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;
}


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

Изменено пользователем tim21701

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

d966304a82634c45cdf430b05d69982d.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

d966304a82634c45cdf430b05d69982d.jpg

 

 

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

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.