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


Красивое двухуровневое меню категорий на JQ Lava lamp + Superfish

jq jquery меню список категорий menu

  • Вы не можете ответить в тему
Сообщений в теме: 11

#1 drserg

    Новичок

  • Download User
  • Pip
  • 7 сообщений
Репутация: 6
Начинающий

Отправлено 12 May 2012 - 05:59 PM

Здравствуйте, только начал создавать на Shop CMS'е. Хочу с вами поделится своим блоком category_tree. Для данного меню я использовал 2 JQ плагина: Lava lamp (первый уровень) + Superfish (2ой уровень). В архиве демо меню, и сам файл блока. Надеюсь Вам все будет понятно, и вы знаете как добавлять скрипты и стили и включать плагины )). По любым вопросам обращайтесь.

Добавил скриншот (но JQ скриншотом не опишешь).
Изображение

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

  • Прикрепленный файл  lava_menu.rar   88.82К   67 Количество загрузок:

  • 6
ЗАПЛЮСУЙ МЕНЯ!!!!! ЗАПЛЮСУЙ МЕНЯ ПОЛНОСТЬЮ!!!!!

#2 Dbus

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

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 12 May 2012 - 07:08 PM

пару скриншотов для наглядности неплохо бы.
  • 0
502 Bad Gateway

#3 drserg

    Новичок

  • Download User
  • Pip
  • 7 сообщений
Репутация: 6
Начинающий

Отправлено 13 May 2012 - 11:28 PM

никто ничего не прокомментирует?) все-таки 7 скачиваний( хочу узнать ваши мнения...
  • 0
ЗАПЛЮСУЙ МЕНЯ!!!!! ЗАПЛЮСУЙ МЕНЯ ПОЛНОСТЬЮ!!!!!

#4 msidog

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

  • Assistent vsupport.club
  • PipPipPip
  • 166 сообщений
Репутация: 42
Ассистент
  • ГородКривой Рог

Отправлено 14 May 2012 - 10:14 AM

ооооочень красивое..!!!!
Спойлер


:ph34r:
  • 0
Мой хостинг <<<invitehost.ru>>>
vsupport.club --Лучшее решение всех проблем ;)

#5 pavelbred

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

  • Assistent vsupport.club
  • PipPipPip
  • 194 сообщений
Репутация: 4
Начинающий

Отправлено 15 May 2012 - 02:20 PM

Очень красиво сделано. Как раз очень нужное меню для меня. Скачать правда не могу(((( а хотелось бы
  • 0

#6 eugene_wb

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

  • Модераторы
  • 827 сообщений
Репутация: 167
Мастер

Отправлено 16 May 2012 - 01:03 AM

ссылочку на живую демку скиньте
  • 0
Изображение Изображение Изображение

#7 drserg

    Новичок

  • Download User
  • Pip
  • 7 сообщений
Репутация: 6
Начинающий

Отправлено 17 May 2012 - 06:59 PM

ссылочку на живую демку скиньте

пока что данный проект висит у меня на локалке. В нете нету.

P.S. закинул на фрихост: http://jq-lava-menu.ho.ua/
  • 0
ЗАПЛЮСУЙ МЕНЯ!!!!! ЗАПЛЮСУЙ МЕНЯ ПОЛНОСТЬЮ!!!!!

#8 msidog

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

  • Assistent vsupport.club
  • PipPipPip
  • 166 сообщений
Репутация: 42
Ассистент
  • ГородКривой Рог

Отправлено 17 May 2012 - 09:13 PM

вот наработки сайта...
http://fish.multibox.pp.ua/
менюшка стоит
  • 2
Мой хостинг <<<invitehost.ru>>>
vsupport.club --Лучшее решение всех проблем ;)

#9 Vinc

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений
Репутация: 0
Начинающий

Отправлено 23 November 2015 - 12:49 PM

Дайте пожалуйста другую ссылку для скачивания. Не могу скачать так как нет репутации
  • 0

#10 hedhedhed

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

  • Download User
  • PipPipPip
  • 107 сообщений
Репутация: 4
Начинающий

Отправлено 23 November 2015 - 02:34 PM

:lol:
  • 0

#11 Jeck2000

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

  • Assistent vsupport.club
  • PipPipPip
  • 159 сообщений
Репутация: 8
Начинающий
  • ГородСанкт-Петербург

Отправлено 26 November 2015 - 07:16 PM

Народ, ну реально дайте кто-нить ссылочку посмотреть ,как оно выглядит то
  • 0

#12 stasikons

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

  • Assistent vsupport.club
  • PipPipPip
  • 68 сообщений
Репутация: 4
Начинающий

Отправлено 12 January 2016 - 05:44 PM

Есть код горизонтального двухуровневого меню, переделал его из lava_menu под bootstrap:
{if $big_categories_tree && $big_categories_tree_count>0}
	{assign var="oldnumber" value=0}
  <div class="bcolor-bg">
		 <div class="navbar-header visible-xs visible-sm">
	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#catalog">
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" data-toggle="collapse" data-target="#catalog" style="cursor: pointer">Каталог товаров</a>
   </div>
   <div class="collapse navbar-collapse" id="catalog">
			  <div class="container">
			  <ul class="nav navbar-nav">			
	  {section name=h loop=$big_categories_tree}
	  {if $big_categories_tree[h].categoryID != 1}
	  {if $big_categories_tree[h].level > $oldnumber}<ul class="dropdown-menu">{/if}
	  {if $big_categories_tree[h].level < $oldnumber}{section name=w loop=$oldnumber-$big_categories_tree[h].level}</ul>{/section}{/if}
	  {if $big_categories_tree[h].subcount > 0}
	  {if $categoryID != $big_categories_tree[h].categoryID}<li class="dropdown">{else}<li class="dropdown">{/if}{else}<li class="dropdown">{/if}
	<a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}category_{$big_categories_tree[h].categoryID}.html{else}index.php?categoryID={$big_categories_tree[h].categoryID}{/if}" {if $categoryID == $big_categories_tree[h].categoryID} class="dropdown-toggle" data-toggle="dropdown"{/if}> {if preg_match("/\sи\s/", $big_categories_tree[h].name)}{/if}{$big_categories_tree[h].name|regex_replace:"/\sи\s/":" и "}</a>
	  {if $categoryID == $big_categories_tree[h].categoryID}
	  {/if}
	  {assign var="oldnumber" value=$big_categories_tree[h].level}
	  {assign var="oldcat" value=$big_categories_tree[h].categoryID}
	  {/if}
	  {/section}
				</ul>
			 </div>
		  </div>
	</div>
	{else}
	<div class="vcent">{$smarty.const.STRING_NO_CATEGORIES}</div>
	{/if}
При клике на ссылку категории меню - сначала открывается сама страница категории, только после этого при повторном нажатии на категорию находясь на странице этой категории - появляется выпадающее меню этой категории.
Вопрос: что нужно дописать в этом коде что бы при клике на ссылку категории сразу появлялось выпадающее меню, по которому можно пройти в подкатегории?? Или я что то не так сделал?
  • 0