Меню (первая категория открывает подкатегории)

[drakulitkas]

Доброе время суток!

клик по первой категории меню открывает подкатегории и все товары на странице этих подкатегорий.

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

 

index.tpl

<div id="nav-container">
     {* Рекрусивная форма вывода дерева категорий *}
	{function name=categories_tree}
	{if $categories}
	<ul id="nav">
	{foreach $categories as $c}
              {* Показываем только видимые категории *}
		{if $c->visible}
                   <li {if in_array($category->id, $c->children)} class="active"{/if}>
                   <a class='hover_mouse' href="catalog/{$c->url}" data-category="{$c->id}">
                   {if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name|escape}">{/if}{$c->name} </a>
		  {if in_array($category->id, $c->children)}
                  {categories_tree categories=$c->subcategories}{/if}
		  </li>
		{/if}
	{/foreach}
	</ul>
	{/if}
	{/function}
	{categories_tree categories=$categories}
	</div>

 

stile.css

#nav-container		{border:1px solid #e9e9e9;border-radius:8px;background:#F7F7F7;margin-bottom:20px;}
#nav 			{padding:0;margin:0;font-size:14px;}
/* All Levels */
#nav li 		{text-align:left;position:relative;}
#nav li img             {vertical-align:middle;padding:0 10px 0 0;}
#nav li.over 		{z-index:998;}
#nav li a 		{display:block;text-decoration:none;text-transform:none;color:#1b1b1b;}*/
#nav li a:hover 	{text-decoration:none;}
#nav li a span 		{display:block;white-space:nowrap;cursor:pointer;}
#nav li ul a span 	{white-space:normal;}
/* 1st Level */
#nav li 		{float:none;display:block;}
#nav li a		{float:none;padding:9px 0 9px 10px;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #dddddd;border-top:solid 1px #fff;}
#nav li a:hover 	{border-top:solid 1px #ddd;}
#nav li.last a		{border-bottom:0;}
#nav > li.hover > a, #nav > li.active > a {background-color:#F2F2F2;border-top:solid 1px #ddd;}
#nav > li.active > ul	{display:block;}
/* 2nd Level */
#nav ul, #nav div 	{position:absolute;width:15em;top:25px;left:-10000px;border:1px solid #ddd;background:#fafafa;}
#nav div ul 		{position:static;width:auto;border:none;}
#nav > li > ul		{position:relative;left:0;top:0;padding:12px 0 12px 5px;width:auto;border:0;background:0;zoom:1;border-top:solid 1px #fff;border-bottom:solid 1px #dddddd;}
#nav > li > ul > li	{border:0;}
#nav > li > ul > li a	{border-bottom:0;text-transform:none;font-weight:bold;padding:5px 0 5px 11px;}
#nav > li > ul > li.items.hover,
#nav > li > ul > li.items.active{border:0;}
/* 3rd+ leven */
#nav > li > ul > li > ul{position:relative;left:0!important;top:0;padding:10px 0 10px 10px;width:auto;border:0;background:0;zoom:1;}
#nav > li > ul > li.active > ul	{display:block;}
#nav > li > ul > li > ul > li	{border-bottom:0;}
#nav > li > ul > li > ul > li a	{font-size:12px!important;padding:3px 0 3px 70px;text-transform:none;}
#nav > li > ul > li > ul > li > ul > li{background:0!important;}
#nav ul ul, #nav ul div		{top:7px;}
#nav ul li 			{float:none;border-bottom:1px solid #ddd;padding-right:5px;}

#nav ul li.last 		{border-bottom:0;}
#nav ul li a 			{float:none;line-height:13px;display:block;background:url(../images/bg/sub-nav-marker.gif) no-repeat 0 10px;font-weight:normal;color:#888 !important;border:none;}
#nav ul li a:hover		{color:#000 !important;background:0; border:none;}
#nav ul li.active > a, #nav ul li.over > a {color:#000 !important;background:0;border:none;}

[venDETTa]

<a class='hover_mouse' {if $c->subcategories}href=""{else}href="catalog/{$c->url}"{/if} data-category="{$c->id}">
  {if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name|escape}">{/if}{$c->name}
</a>

попробуй такую ссылку сделать, просто убрать адрес ссылки для родительских

[drakulitkas]

 

<a class='hover_mouse' {if $c->subcategories}href=""{else}href="catalog/{$c->url}"{/if} data-category="{$c->id}">
  {if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name|escape}">{/if}{$c->name}
</a>

попробуй такую ссылку сделать, просто убрать адрес ссылки для родительских

 

Не раскрываются подкатегории (