Выпадающее меню категорий

[iluwka]

Кто делал огромная просьба помочь!

Пытался реализовать при -

{categories_tree categories=$c->subcategories}

, а так же при

{if in_array($category->id, $c->children)}{categories_tree categories=$c->subcategories}{/if}

связками CSS + jQuery
В итоге либо не работает, а если работает то скрывает не то что нужно.

кому надо скину код.
Жду предложений

[alinamolchanova]

так же прошу помощи с меню, не получается уйти на третью вложенность

вот код:

<ul id="menutop">    <li>    <a href="">Категория 1</a>        <ul>            <li>            <a href="">Категория 1.1</a>                <ul>                    <li><a href="">Категория 1.1.1</a></li>                    <li><a href="">Категория 1.1.2</a></li>                    <li><a href="">Категория 1.1.3</a></li>                    <li><a href="">Категория 1.1.4</a></li>                </ul>				            </li>        </ul>    </li></ul>

Как засунуть вывод каталога?
Спасибо

[iluwka]

up

[chigir74]

+1

[filth]

iluwka не получилось у Меня, знаний недостаточно.
Кто знает решение вопроса- помогите страждущим)))

[iluwka]

2filth у меня знаний на среднем уровне, но тоже не получилось.
не охота делать статикой, но и переводить запрос с рекурсивного как-то трудновато...

UPD
ладно вопрос в том как из рекурсивного вывода сделать обычный, в смарти особо не секу так что вот.

[filth]

Так что никто никто на форуме не магёт почь???

[Kpoxa]

Не могу понять что требуется сделать........
Такое подойдет?

[filth]

Кроха спасибо, что отозвался. Не совсем. Есть меню как тут описано. Хотелось бы при клике на категорию что бы страница не перегружалась, а посредством Java анимированно раскрывалась.

[filth]

ЗЫ так как описано тут ни вкакую неполучаеться, там наверно для старой версии. у меня 2.1

[iluwka]

2filth аналогично, конкретнее не java, а jQuery

[Kpoxa]

То есть нужен аккордеон?
Обратитесь к igoryk у него реализовано.
Просто я сейчас в отъезде, к компу попадаю периодически на короткий срок, если не решите, то по приезду помогу.

[iluwka]

2Kpoxa спасибо, буду обращаться)

[fluor]

так же интересует этот момент. Как реализовать еще одну jQuery, если на страницах уже используется nivoslider

[iluwka]

смотри чтобы не конфликтовали, имена переменных и айди

[filth]

Моё Решение (С огромной помощью igoryk):
1. Скрипт перед

</head>

:

{literal}
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script langugage="javascript" type="text/javascript">
$(document).ready(function() {
   initMenu('.categories ul');

function initMenu(id) {
   $(id + ' ul').hide().parent().addClass('subcat');
   if($(id).find('a.selected')) {
       $(id).find('a.selected').addClass('selected').parents('ul').show().parents('li').show();
   }
   else $(id + ' ul:first').show();
       $(id + ' a').click( function() {
       checkElement = $(this).next();
       if(checkElement.is('ul')) {
           if(!checkElement.is(':visible')) {
//                $(id + ' ul:visible').slideUp('normal');
               checkElement.slideDown('normal');
           } else
               checkElement.slideUp('normal');
           return false;
       }
   });
}})
        </script>
        {/literal}

2. Меняем рекурсивный вывод категорий (если у кого не такой) на:

<!-- Меню каталога -->
		{* Рекурсивная функция вывода дерева категорий *}
		<div class=categories>

		{function name=categories_tree}
		{if $categories}
		<ul>
		{foreach $categories as $c}
			{* Показываем только видимые категории *}
			{if $c->visible}
				<li>
					{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}">{/if}
                                        <a {if $category->id == $c->id}class="selected"{/if} href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>
					{categories_tree categories=$c->subcategories}
				</li>
			{/if}
		{/foreach}
		</ul>
		{/if}
		{/function}
		{categories_tree categories=$categories}
		</div>
		<!-- Меню каталога (The End)-->	

3. Меняем в style.css (и настраиваем под Себя):

/* @group Меню каталога*/.categories ul, .categories li {	padding-top: 5px;        margin: 0;        list-style: none;        background: none;}.categories a {	color: #000033;         padding: 5px 5px 5px 10px;         border-bottom: solid 1px #fff;         text-decoration: none;         display: block;         font: 18px Tahoma, Arial;}.categories a:hover {	text-decoration: underline;        background: #eb540d;        -moz-border-radius: 5px;        -webkit-border-radius: 5px;        border-radius: 5px;        color: #fff;}.categories ul ul a:hover {	text-decoration: none;}.categories ul ul {	margin-right: 3px;        background: #f9f9f8;        -moz-border-radius: 8px;        -webkit-border-radius: 8px;        border-radius: 8px;        padding: 2px 0 6px 14px;}.categories li.subcat {	background: none;}.categories ul ul li {	margin-right: 3px;        margin-bottom: 1px;        background: none;}.categories ul ul a {	color: #34627b;        text-decoration: underline;        font: 14px Tahoma, Arial;        border: none;}.categories ul li a.selected {	color: #eb540d;        text-decoration: underline;        font: 18px Tahoma, Arial;        border: none;}.categories ul ul li a.selected  {	font-weight: bold;        color: #eb540d;        font-size: 14px;}.categories ul ul ul li a.selected  {	font-weight: bold;        color: #eb540d;        font-size: 14px;}/* @end — Меню каталога*/

[filth]

Да, и не забываем удалять лишние "\"

[fluor]

filth спасибо большое! все работает идеально, но ссылка на категории выводится в кавычках, как исправить?
www.site.ru/"catalog/doski/" а надо www.site.ru/catalog/doski/

и как подружить с нивослайдером? помогите, пожалуйста

[filth]

Где то в шаблоне лишние кавычки поставил

[iluwka]

2filth емейл проверь.
будем здесь базу меню категорий + кьюери выкладывать)

[fluor]

iluwka я нашла где конфликтуют, но где их менять, в скрипте слайдера, что у меня на хостинге?

[iluwka]

нет, легче меню каталога, слайдер то настроен уже.
попробуй стили в css и js поменять, про хтмльку не забудь

UPD или залей в архив и скинь мне, я посмотрю

[fluor]

а меню у меня теперь точно такое же, как filth выше выложил. код идентичный
или слайдер тоже нужен?

[iluwka]

я думал что ты правила код просто, слайдер у меня где-то есть, сейчас посмотрю)

UPD странно, слайдер вообще не отображается

UPD2 все работает. что у тебя еще подключено из java\jQuery?

[fluor]

iluwka, больше ничего. до сих пор работает либо меню, либо слайдер