Jump to content


Photo
- - - - -

Горизонтальное dropdown меню


Best Answer andrey.koch , 10 March 2015 - 15:43

Я такую задачу у себя реализовал с помощью JBZoo Category List и моего любимого UIkit (UIkit Dropdown).

В шаблоне Джумла вывел модуль со стилем Dropdown (кусок кода из моего файла на основе UIkit Navbar):



<nav class="uk-navbar">
	<ul class="uk-navbar-nav">
		<li class="uk-parent" data-uk-dropdown="{mode:'click'}">
			<a rel="nofollow" href="##">
				<i class="uk-icon-bookmark"></i>
					<dotted>Кнопка</dotted>
				<i class="uk-icon-angle-down"></i>
			</a>
			<div class="uk-dropdown uk-dropdown-width-2">
				<div class="uk-grid uk-dropdown-grid">
					<div class="uk-width-1-1">
						<jdoc:include type="modules" name="moymodul"/>
					</div>
				</div>
			</div>
		</li>
	</ul>
</nav>

И опубликовал в позицию "moymodul" модуль JBZoo Category List.

 

После я "подгонял" шаблон JBZoo Category List под UIkit (файл прикрепляю). Размещаете файл из архива в папку шаблона модуля по адресу modules/mod_jbzoo_category/tmpl.

 

Меняете шаблон вывода модуля в его настройках в админке на uikit-default.

 

Ну и, соответственно, про сам UIkit не забыть :)

 

Go to the full post


  • This topic is locked This topic is locked
3 replies to this topic

#1 ilyaantonov89

ilyaantonov89
  • JBZoo User (rus)
  • User rate: 0.9
  • posts: 204
  • topics: 50

Posted 10 March 2015 - 13:03

Необходимо сделать выпадающее меню категорий из jbzoo. Так чтоб оно было реализовано так же как и меню на стандартной странице zoo. (не создавая меню в joomla вручную)

 

1 - Изменялось в зависимости публикаций категорий 

2 - Присутствовало на всех страницах каталога

 

Куда копать ?

 

P.s. приложил скрин

Attached Thumbnails

  • shablons-06.jpg

  • 0

#2 Ёшкин Кот

Ёшкин Кот
  • JBZoo User (rus)
  • User rate: 77.8
  • posts: 757
  • topics: 134

Posted 10 March 2015 - 14:12

Я так понимаю модуль ZOO Category и CSS вам в помощь. Копайте в эту сторону.


  • 0

#3 andrey.koch

andrey.koch
  • JBZoo User (rus)
  • User rate: 16.4
  • posts: 444
  • topics: 86

Posted 10 March 2015 - 15:43   Best Answer

Я такую задачу у себя реализовал с помощью JBZoo Category List и моего любимого UIkit (UIkit Dropdown).

В шаблоне Джумла вывел модуль со стилем Dropdown (кусок кода из моего файла на основе UIkit Navbar):



<nav class="uk-navbar">
	<ul class="uk-navbar-nav">
		<li class="uk-parent" data-uk-dropdown="{mode:'click'}">
			<a rel="nofollow" href="##">
				<i class="uk-icon-bookmark"></i>
					<dotted>Кнопка</dotted>
				<i class="uk-icon-angle-down"></i>
			</a>
			<div class="uk-dropdown uk-dropdown-width-2">
				<div class="uk-grid uk-dropdown-grid">
					<div class="uk-width-1-1">
						<jdoc:include type="modules" name="moymodul"/>
					</div>
				</div>
			</div>
		</li>
	</ul>
</nav>

И опубликовал в позицию "moymodul" модуль JBZoo Category List.

 

После я "подгонял" шаблон JBZoo Category List под UIkit (файл прикрепляю). Размещаете файл из архива в папку шаблона модуля по адресу modules/mod_jbzoo_category/tmpl.

 

Меняете шаблон вывода модуля в его настройках в админке на uikit-default.

 

Ну и, соответственно, про сам UIkit не забыть :)

 

Attached Files


  • 2

#4 ilyaantonov89

ilyaantonov89
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.9
  • posts: 204
  • topics: 50

Posted 10 March 2015 - 19:16

Спасибо!


  • 0




Click to return to top of page in style!