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


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

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


Лучший Ответ 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 не забыть :)

 

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 ilyaantonov89

ilyaantonov89

Отправлено 10 March 2015 - 13:03

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

 

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

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

 

Куда копать ?

 

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

Прикрепленные изображения

  • shablons-06.jpg

  • 0

#2 Ёшкин Кот

Ёшкин Кот

Отправлено 10 March 2015 - 14:12

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


  • 0

#3 andrey.koch

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 не забыть :)

 

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


  • 2

#4 ilyaantonov89

ilyaantonov89

Отправлено 10 March 2015 - 19:16

Спасибо!


  • 0




Click to return to top of page in style!