avatar

Вывод категорий в верхнем меню

Опубликовал в блог Дополнения и модули для Simpla CMS
0
Порой в дизайне нет места боковому меню категорий — надо вывести их в верхнем меню со всеми разделами и подразделами. Небольшой мануал поможет в этом.

Сам код вывода меню преобразуем в вид
{* Рекурсивная функция вывода дерева категорий *}
{function name=categories_tree}
{if $categories}
<ul>
{foreach $categories as $c}
{* Показываем только видимые категории *}
    {if $c->visible}
    <li>
        <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}
<!-- Меню -->
<ul id="menu">
    <li><a href="#">Разделы</a>
        {categories_tree categories=$categories}
    </li>
    {foreach $pages as $p}
    {* Выводим только страницы из первого меню *}
    {if $p->menu_id == 1}
    <li {if $page && $page->id == $p->id}class="selected"{/if}><a data-page="{$p->id}" href="{$p->url}">{$p->name|escape}</a></li>
    {/if}
    {/foreach}
</ul>    
<!-- Меню (The End) -->


Вы видите, что мы инициализировали вывод категорий перед меню, чтобы потом вызвать его подразделом у пункта меню «Разделы».

Как сделать выпадающее многоуровневое меню — примеров достаточно в сети — можно к примеру ипользоваться фреймворк для создания выпадающих меню.

Т.е. дизайн ограничивается только Вашей фантазией и познаниями в CSS.
0 комментариев RSS
Нет комментариев
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.