Jump to content
Sign in to follow this  
Mariam

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

Recommended Posts

Пытаюсь сделать свое отдельное меню для подкатегорий. Пока получилось с конкретными ссылками на определенные страницы. Как сделать, чтобы оно стало меню конкретной категории? 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;
}


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

Edited by tim21701

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

d966304a82634c45cdf430b05d69982d.jpg

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

d966304a82634c45cdf430b05d69982d.jpg

 

 

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

 

 

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.