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

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

Дата публикации:
Поделиться:

Сам код вывода меню преобразуем в вид

{* Рекурсивная функция вывода дерева категорий *}
{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. Вот такие "мегаменю" можно делать "тремя" строчками кода :) .

Удачи в освоении SimplaCMS!

Отзывы

Ваш отзыв будет первым
Оставьте отзыв
На него будут приходить уведомление при ответе. На сайте не публикуется