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


Внимание!

На форуме можно зарегистрироваться в два клика, используя социальную сеть Вконтакте. Для этого нажмите сюда.


Фотография
- - - - -

Меню категорий с помощью Bootstrap


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Zenit

Zenit

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 198 сообщений

Отправлено 30 Июль 2017 - 12:31

Привет всем! :) У меня сегодня отличное настроение и все же я вынужден работать и тут еще такая проблема, нужно делать меню категорий и сам не понимаю как это меню должно выглядеть в итоге, а делать все равно придется.

Дошли до меня слухи, что есть готовое решение в бустрапе. Помогите найти как делать меню категорий с помощью Bootstrap. Спасибо!



#2 blacker

blacker

    Продвинутый пользователь

  • Администраторы
  • 302 сообщений
  • ГородАнапа

Отправлено 01 Август 2017 - 18:13

shop.digiport.ru - это то что нужно?

ну и в админке там реализовано

но это внешний вид
а как его реализовывать в конкретном проекте, это уже зависит от того, на чём всё сделано
главное получить список в виде дерева, а там уже можно разными способами визуализировать


AiKi Engine - www.digiport.ru

#3 walker43

walker43

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 03 Август 2017 - 04:20

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

<!-- Меню каталога -->
		<div class="dropdown clearfix" style="margin-top :50px;">
                  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">

		{function name=categories_tree}
		{if $categories}
		{foreach $categories as $c}
			{if $c->visible}
			{if $c->subcategories}
                          <li class="dropdown-submenu"><a tabindex="-1" href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>
                           <ul class="dropdown-menu">
                            {categories_tree categories=$c->subcategories}
                        {else}
                        
                         <li><a tabindex="-1" href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a></li>
                        {/if}

			{/if}
		{/foreach}
		</ul>
		{/if}
		{/function}
		{categories_tree categories=$categories}
		</div>
		<!-- Меню каталога (The End)-->





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных