Перейти к содержимому


Фото
* * * * * 1 голосов

Как вывесит категории под категории и под под категории ?

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

  • Чтобы отвечать, сперва войдите на форум
4 ответов в теме

#1 vcontakte

vcontakte
  • Пользователь
  • 21 сообщений
  • Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 04.12.2017 - 16:56

Нужно вывести меню категорий такого рода 

 

<ul class="catalog-sidebar-menu">
<li class="catalog-sidebar-submenu-link"> <a href="#"><i class="catalog-icon-1"></i><span>Категория 1</span></a>
<div class="catalog-sidebar-submenu-wrapp">
<ul class="page-catalog-menu">
<li> <a href="#">Категория 1.1</a>
<ul class="page-catalog-submenu">
<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>
<li> <a href="#">Анемометры</a>
<ul class="page-catalog-submenu">
<li><a href="#">Анемометры</a></li>
<li><a href="#">Видеоскопы</a></li>
<li><a href="#">Газоаналaизаторы</a></li>
<li><a href="#">Гигрометры</a></li>
</ul>
</li>

</ul>
<div class="page-catalog-menu-all-wrapp"> <a href="#" class="page-catalog-menu-all" data-text="Весь список" data-text-active="Свернуть">Весь список</a> </div>
</div>
</li>

<li><a href="#"><i class="catalog-icon-2"></i><span>Категория 2</span></a></li>

</ul>

 

Прикрепленные файлы:

  • Прикрепленный файл  121.jpg   14,84К   18 раз скачано


#2 ps-simpla

ps-simpla

    Модератор в запасе :)

  • Модератор
  • 1 009 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Пермский край

Опубликовано 04.12.2017 - 17:02

начнем от сложного к простому
Что вы сами успели сделать, что бы задать тут вопрос? 
п.с. справа сверху есть поиск .. пользуемся им и при удачном запросе вам выдаст кучу различных решений с категориями



#3 vcontakte

vcontakte
  • Пользователь
  • 21 сообщений
  • Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 04.12.2017 - 17:18

index.tpl

       
            <ul class="catalog-sidebar-menu">    
                
               {include file='categories.tpl' categories=$categories level=0} 
                
                </ul>

categories.tpl

 

{if $categories}
 
 
<!--0-->
{if $level == 0} {foreach item=c from=$categories}  {if $c->visible} {if $c->subcategories}
<li class="catalog-sidebar-submenu-link"> <a href="catalog/{$c->url}" ><i class="catalog-icon-1"></i><span> {$c->name}</span></a> {include file='categories.tpl' categories=$c->subcategories level=1 } </li>
{else}
<li> <a href="catalog/{$c->url}" >{$c->name}</a> </li>
{/if} {/if} {/foreach} {/if} 
<!--0--> 
  
<!--1-->
{if $level == 1}
<div class="catalog-sidebar-submenu-wrapp">
<ul class="page-catalog-menu">
{foreach item=c from=$categories} {* Показываем только видимые категории *} {if $c->visible} {if $c->subcategories}
<li><a href="catalog/{$c->url}">{$c->name}</a> {include file='categories.tpl' level=2 } </li>
{else}
<li> <a href="catalog/{$c->url}">{$c->name}</a> </li>
{/if} {/if} {/foreach}
</ul>
</div>
{/if}
<!--1-->  

<!--2-->
{if $level == 2}
<ul class="page-catalog-submenu">
{foreach item=c from=$categories} {* Показываем только видимые категории *} {if $c->visible} {if $c->subcategories}
<li><a href="catalog/{$c->url}">{$c->name}</a></li>
{/if} {/if} {/foreach}
</ul>
{/if}
 <!--2-->
  
  
{/if}

 

 

но почему то показывает в под под категории (под категорию)

Изменено: vcontakte, 04.12.2017 - 17:26


#4 vcontakte

vcontakte
  • Пользователь
  • 21 сообщений
  • Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 04.12.2017 - 18:00

РЕШЕНИЕ

{if $categories} 

<!--start 0--> 
{if $level == 0} {foreach item=c from=$categories}  {if $c->visible} {if $c->subcategories}
<li class="catalog-sidebar-submenu-link"> <a href="catalog/{$c->url}" ><i class="catalog-icon-1"></i><span> {$c->name}</span></a> {include file='categories.tpl' categories=$c->subcategories level=1 } </li>
{else}
<li> <a href="catalog/{$c->url}" >{$c->name}</a> </li>
{/if} {/if} {/foreach} {/if} 
<!--end 0--> 

<!--start 1--> 
{if $level == 1}
<div class="catalog-sidebar-submenu-wrapp">
  <ul class="page-catalog-menu">
    {foreach item=c from=$categories} {* Показываем только видимые категории *} {if $c->visible} {if $c->subcategories}
    <li><a href="catalog/{$c->url}">{$c->name}</a> {include file='categories.tpl' level=2 } </li>
    {else}
    <li> <a href="catalog/{$c->url}">{$c->name}</a> </li>
    {/if} {/if} {/foreach}
  </ul>
</div>
{/if} 
<!--end 1--> 

<!--start 2--> 
{if $level == 2}
<ul class="page-catalog-submenu">
  {include file='categories.tpl' categories=$c->subcategories level=3 }
</ul>
{/if} 
<!--end 2--> 

<!--start 3--> 
{if $level == 3}

{foreach item=c from=$categories} {* Показываем только видимые категории *} {if $c->visible} {if $c->subcategories}
<li><a href="catalog/{$c->url}">{$c->name}</a> </li>
{else}
<li> <a href="catalog/{$c->url}">{$c->name}</a> </li>
{/if} {/if} {/foreach}



{/if} 
<!--end 3--> 

{/if} 


#5 vcontakte

vcontakte
  • Пользователь
  • 21 сообщений
  • Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 07.08.2019 - 12:46

Как в этом коде вывести class="selected" ?

 

{if $category->id == $c->id}class="selected"{/if} - не работает







Также с меткой «Категории, меню, выпадающий список категорий»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых