Jump to content

Раскрывающееся боковое меню


Recommended Posts

<!-- Меню каталога -->

<div id="catalog_menu"><div class="menu-top"></div>
{* Рекурсивная функция вывода дерева категорий *}
{function name=categories_tree}
{if $categories}
<ul>
{foreach $categories as $c}
{* Показываем только видимые категории *}
{if $c->visible}
{assign var="checker" value=false}
{foreach $c->subcategories as $cc}
{if $category->id == $cc->id}{assign var="checker" value=true}
{elseif $cc->subcategories}
{foreach $cc->subcategories as $ccc}
{if $category->id == $ccc->id}{assign var="checker" value=true}
{elseif $ccc->subcategories}
{foreach $ccc->subcategories as $cccc}
{if $category->id == $cccc->id}{assign var="checker" value=true}{/if}
{/foreach}
{/if}
{/foreach}
{/if}
{/foreach}
<li class="menu-item{if $checker or $category->id == $c->id} selected{/if}{if $c@iteration == 1} firt-item{/if}{if $c@last} last-item{/if}">
{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}">{/if}
<a href="catalog/{$c->url}" category_id="{$c->id}">{$c->name}</a>
</li>
{if $checker or $category->id == $c->id}
{categories_tree categories=$c->subcategories}
{/if}
{/if}
{/foreach}
</ul>
{/if}
{/function}
{categories_tree categories=$categories}
<div class="menu-bottom"></div>
</div>
<!-- Меню каталога (The End)-->

Link to post
Share on other sites
  • 2 months later...

да.. вы мне делали меню. Кирюша, я же написала Вам, что вчера с вечера до 7 утра все руками восстанавливала. Там кто-то покопался. И меню Вашего нет.

Link to post
Share on other sites

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

Link to post
Share on other sites

css+jquery.

#categories ul ul {
width: 175px;
position: absolute;
top: 50px;
} Это подкатегории
#categories ul ul ul{
width: 175px;
border-radius: 8px;
position: absolute;
left: 100%;
top: 50px;
} Это блок 3-ей вложенности

Link to post
Share on other sites
  • 6 years later...

Join the conversation

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

Guest
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.

Loading...
×
×
  • Create New...