В этой статье подробно рассказывается, как интегрировать красивое выпадающее jQuery-меню в шаблон Joomla.
Интеграция выпадающего jQuery-меню в шаблон Joomla.

В этой статье подробно рассказывается, как интегрировать красивое выпадающее jQuery-меню в шаблон Joomla. Идея не нова, но почему-то я практически не встречал толковых руководств по интеграции. Все пишут: «Вот, замечательное меню. Берите и пользуйтесь!». При этом подразумевается, что читатели знают, как его использовать. Это и естественно, ведь данные статей не рассчитаны именно на Joomla, хотя с интеграцией в Joomla у новичков могут возникнуть сложности. В этой статье я решил подробно рассказать, что и как делать. Надеюсь, она окажется многим полезна.

Думаю, все веб-мастера, работающие с Joomla знают об особенностях системы меню этой CMS. Joomla имеет мощную систему настройки меню, но при этом, для того, чтобы создать не просто «меню», а «красивое меню», например, с эффектами затухания или скольжения, нужно обладать достаточно широкими познаниями технологий и вложить немало усилий. Помню, делая свое первое простое CSS меню, я потратил уйму времени, пока разобрался со всеми комбинациями «li ul». И это не говоря о JavaScript. Как говорится, кто пробовал, тот поймет. Но существует и более простое решение. В Интернете масса великолепных меню, построенных на jQuery (библиотека JavaScript). Большинство из них свободно распространяются. Правда главным минусом таких меню является то, что они изначально ориентированы на простой html-код (li ul). В Joomla же код меню строится динамически, что вызывает у многих новичков недопонимание, и, как следствие, отказ от таких меню.

Чтобы поставить все точки над «i», я расскажу об интеграции поэтапно, показав каждый этап на примере. Кроме того, в конце статьи вы сможете найти все файлы-исходники для этого урока, чтобы каждый мог сам попробовать провести интеграцию jQuery-меню в шаблон Joomla.

Итак, во-первых, нужно разобраться с тем, что, собственно, мы будем интегрировать. Меню, построенных на jQuery, масса, но для первого раза я взял не сильно эффектное, зато более простое, выпадающее горизонтальное меню под названием Smooth Navigational Menu.

Пример можно увидеть здесь.

Как можно видеть, меню выпадающее и имеет некоторые JavaScript-эффекты. Ничего подобного стандартными средствами Joomla не получишь.

Меню состоит из 5 файлов:

  • ddsmoothmenu.js;
  • ddsmoothmenu.css
  • 2 картинки (стрелки вправо и вниз);

Также нам понадобится, собственно, библиотека jQuery:

  • jquery.min.js.

Обычно, набор именно таких файлов (без картинок), можно найти в статьях о jQuery-меню.

Также я взял шаблон first_template из серии статей «Работа с шаблонами Joomla».

Таким образом, исходными данными у нас будут 5 файлов меню и шаблон Joomla.

Теперь нужно понять, что же со всем этим добром делать. Разобьем весь процесс интеграции на этапы.

Первый этап интеграции. Копирование файлов.

Прежде всего, нам нужно перенести файлы меню в папку с шаблоном и разложить их по своим местам. В данный момент в нашем шаблоне есть папки: css, images и html. Добавим к ним еще одну папку js.Вообще, именно такое название папки не обязательно. Ее можно назвать и по-другому, но принято так.

Теперь раскидаем файлы нашего выпадающего меню по соответствующим папкам, а именно:

  • ddsmoothmenu.js и jquery.min.js в папку js;
  • ddsmoothmenu.css в папку css;
  • 2 картинки со стрелками в папку images.

Вот и все. На этом первый этап интеграции закончен. Пока просто, не правда ли? :-)

Второй этап интеграции. Подключение файлов меню к шаблону Joomla.

Первым деломдобавим небольшой скипт в файл index.php нашего шаблона. Он должен находиться между тэгами <head> и </head>:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h',
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>

Этот код дан в инструкции по подключению на сайте разработчика меню. Обычно достаточно только подключения файлов, про которое написано ниже, но в данном случае необходим и этот код.(Примечание: для правильной работы меню данный код должен быть добавлен после кода подключения 3 файлов(см. ниже)).

Теперь нам необходимо подключить скопированные файлы. Это также делается достаточно просто. Открываем файл index.php нашего шаблона и между тэгами <head> и </head> добавляем следующие строчки:

1
2
3
<link rel="stylesheet" href="/templates/first-template/css/ddsmoothmenu.css" />
<script type="text/javascript" src="/templates/first-template/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/first-template/js/ddsmoothmenu.js"></script>

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

Первая строчка будет отвечать за подключение css-файла меню к шаблону, а вторая и третья за подключение js-файлов.

Для того чтобы проверить, что все файлы подключены, нужно обновить страницу и посмотреть ее исходный код. Это можно сделать, кликнув по странице правой кнопкой мыши и выбрав пункт «Исходный код страницы» (такой пункт в firefox, в других браузерах надпись может отличаться). После этого появится html-код сгенерированной страницы. В этом коде между тегами <head> и </head> должны появиться добавленные нами ссылки. При этом при клике по ним должен открываться соответствующий файл. Это нужно проверить, дабы избежать недоразумений в дальнейшем.

После того как все проверено, второй этап интеграции закончен.

Третий этап интеграции. Подключение стилей к меню Joomla.

Для функционирования нашего выпадающего меню нам осталось его создать и подключить к нему соответствующие стили. Тут встает вопрос: «как подключить нужные классы к меню Joomla?».

Объясню проблему:

Для правильного функционирования меню «li ul» нам нужно поместить его в контейнер DIV с определенным идентификатором и классом, а именно:

class="ddsmoothmenu"

В Joomla же любое меню формируется и выводится без всяких Div’ов. Но мы можем создать контейнер DIV с требуемыми классом и идентификатором в нужном месте кода шаблона и вывести в нем позицию модуля, к которой, в дальнейшем, публиковать только меню. Думаю, получилось не очень понятно. Особенно для тех, кто не читал серию про создание собственного шаблона Joomla. Попробую объяснить проще. Каждый модуль выводится в определенной позиции, которая определяется в шаблоне. Если позицию поместить в DIV и вывести в ней меню, то получится как раз такой код, который необходим для функционирования выпадающего меню. Опять сложно получилось, ну да ладно, кому интересно, читайте серию про шаблоны.

Файл index.php:

Код до правки:

1
2
3
<?php if($this->countModules('hornav')) : ?>
<jdoc:include type="modules" name="hornav" />
<?php endif; ?>

 Код после правки:

1
2
3
4
5
<?php if($this->countModules('hornav')) : ?>
<div class="ddsmoothmenu" id="smoothmenu1">
<jdoc:include type="modules" name="hornav" />
</div>
<?php endif; ?>

Тут мы делаем, то, что я описал выше. Создаем DIV с необходимым классом и идентификатором.

Недостаток этого способа заключается в том, что позиция теперь не очень подходит для вывода других модулей, т.к. ориентирована именно на меню.

Теперь, если обновить страницу, мы наконец-то увидим наше заветное выпадающее меню.

Единственное, чего не хватает, это стрелочки, указывающие на наличие подпунктов. Они отсутствуют из-за того, что мы пока не прописали правильные пути к картинкам. Для того чтобы сделать это, откроем файл ddsmoothmenu.js и в 19-й строке заменим:

1
arrowimages: {down:['downarrowclass', 'down.gif', 23],
 right:['rightarrowclass', 'right.gif']},

на:

1
arrowimages: {down:['downarrowclass', '/templates/first-template/images/down.gif', 23],
right:['rightarrowclass', '/templates/first-template/images/right.gif']},

Теперь можно увидеть, что стрелочки в меню появились.

Ну вот и все, jQuery-меню интегрировано. Теперь остается только поиграть с CSS, чтобы настроить цветовую схему меню, и с js, настраивая длительность выпадения/скрытия подпунктов.

Интеграция выпадающего jQuery-меню в шаблон Joomla

Следуя этим трем несложным этапам, вы сможете интегрировать в свой шаблон Joomla всю мощь jQuery. Отличных меню, созданных с помощью этой библиотеки, довольно много. Теперь каждый сможет установить себе на сайт меню по вкусу и не нужно пользоваться платными шаблонами.

Файлы:

Меню , first-template.zip, first-template-joomla.zip - шаблон Joomla со встроенным меню.

Понравилась статья? Сохраните себе на стену:

Ваша оценка материала очень важна для нас. Просим вас оценить статью или оставить отзыв в комментариях.

Комментарии  

0 # ddsmoothmenu и Chromekd510a 19.02.2016 08:30
Ребята, может кому пригодится. В последней версии Google Chrome, во всяком случае я заметил в версии 48.0.2564.109 m, после обновления Хрома перестала открываться самая верхняя строчка в выпадающем меню, всю голову сломал, но получилось исправить. Лечение - находим в скрипте ddsmoothmenu.js строчку

smoothmenu.detecttouch? 'toggle' и меняем на
smoothmenu.detecttouch? 'hover'

Взято от сюда: stackoverflow.com/questions/18366002/navigation-menu-works-in-chrome-28-breaks-in-chrome-29
Ответить | Ответить с цитатой | Цитировать
0 # Стрелкиffranss 29.03.2015 18:57
Ребят, подскажите почему при первом запуске страницы стрелка down.gif отображается, а после перехода на на другую страницу сайта ее изображение пропадает?
Ответить | Ответить с цитатой | Цитировать
0 # RE: СтрелкиWedal 30.03.2015 09:59
ffranss, вероятно потому что она привязана к классу active, который Joomla добавляет для активного пункта меню :-?
Ответить | Ответить с цитатой | Цитировать
0 # Стрелкиffranss 31.03.2015 19:38
Я извиняюсь, может задам глупый вопрос. А как ее "отвязать"?
Ответить | Ответить с цитатой | Цитировать
0 # RE: СтрелкиWedal 01.04.2015 04:13
ffranss, CSS + Firebug
Ответить | Ответить с цитатой | Цитировать
0 # Стрелкиffranss 01.04.2015 12:56
Wedal, просмотрел все с классом .active. Так ничего и не нашел. Есть еще предположения почему так происходит. Все сделал, как написано в статье.
Ответить | Ответить с цитатой | Цитировать
0 # RE: СтрелкиWedal 02.04.2015 09:07
ffranss, покажите живой пример с проблемой.
Ответить | Ответить с цитатой | Цитировать
0 # Jquery менюПавелC 03.03.2014 21:42
Огромное спасибо за статью, очень выручила. Бился как рыба об лёд что бы на сайте сделать второе горизонтальное меню. Всё заработало с первого раза, по колдовал с CSS и настроил все под себя, есть одно Но, ни как не могу убрать разделитель у последнего пункта меню. Много чего перепробовал, но что то ни одно решение мне не подошло. Подскажите плиз. И еще. Статья уже не новая, много времени прошло, нашёл сайт (прошу не расценивать как рекламу, там всё для желающих сделать из своего сайта реально стильный продукт бесплатно) с множеством решений для дизайна и в том числе для дизайна меню (http://followdesign.com/development/2011/11/22/animirovannye-jquery-mootools-css-menyu-dlya-vashih-proektov-chast-1.html), понравился вариант "26". Так у меня вопрос, возможно интегрировать в JOOMLA меню такого типа, или это только для PHP сайтов. Пытался интегрировать по аналогии, результат 0. :) Я думаю это будет интересно всем. Люблю до всего доходить сам, но пока я на этой кухне скорее всего только через 2 головы от шеф-повара, мою грязную посуду :) "Кушать" готовое, это конечно приятно и быстро, но хочется и самому знать где "копать" и на что внимание обращать.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Jquery менюWedal 04.03.2014 02:58
Павел,
Цитата:
Но, ни как не могу убрать разделитель у последнего пункта меню.
Да, это проблема. Есть такое решение. Начиная с Joomla 2.5(а может и раньше), появился тип меню "Разделитель". Так вот, можно вставить такие пункты меню между каждым нормальным пунктом и оформить их как надо.

Цитата:
Так у меня вопрос, возможно интегрировать в JOOMLA меню такого типа, или это только для PHP сайтов.
Зависит от HTML-структуры тех меню. Если она совпадает со структурой меню Joomla, то да, можно, по аналогии с тем, как описано в этой статье. Если нет, то нужно менять либо HTML-структуру меню Joomla(требуются хорошие знания PHP), либо править скрипт меню(требуются хорошие знания JS).
Ответить | Ответить с цитатой | Цитировать
0 # RE: Jquery менюПавелC 04.03.2014 14:44
Цитирую Wedal:
Павел,
Цитата:
Но, ни как не могу убрать разделитель у последнего пункта меню.

Да, это проблема. Есть такое решение. Начиная с Joomla 2.5(а может и раньше), появился тип меню "Разделитель". Так вот, можно вставить такие пункты меню между каждым нормальным пунктом и оформить их как надо.

Цитата:
Так у меня вопрос, возможно интегрировать в JOOMLA меню такого типа, или это только для PHP сайтов.
Зависит от HTML-структуры тех меню. Если она совпадает со структурой меню Joomla, то да, можно, по аналогии с тем, как описано в этой статье. Если нет, то нужно менять либо HTML-структуру меню Joomla(требуются хорошие знания PHP), либо править скрипт меню(требуются хорошие знания JS).
За разделитель, спасибо. Буду пробовать. По второму вопросу, витиевато. Понятно, что это не так просто.
Ответить | Ответить с цитатой | Цитировать
0 # Настройка менюЮрка 03.03.2014 05:46
Спасибо, меню отображается теперь. А какая часть кода отвечает за цвет самого верхнего уровня меню, когда на него наведён курсор? Хочу сделать чтоб при наведении курсора по верхним элементам меню, они свой фоновый цвет не меняли.

И ещё: какая часть кода отвечает за форму элементов меню верхнего уровня? А то в примере элементы прямоугольные, а у меня прямоугольные, но углы закругленные
Ответить | Ответить с цитатой | Цитировать
0 # RE: Настройка менюWedal 04.03.2014 02:52
Юрка, http://wedal.ru/internet/rukovodstvo-po-firebug.html
Ответить | Ответить с цитатой | Цитировать
0 # Не отображается менюЮрка 11.02.2014 08:52
Сделал всё как тут написано, пробовал для позиции hornav и для позиции MainMenu. Ни там ни там не отображается. Joomla 3.2.1 шаблон gk_instyle. Хочу это меню поставить на место меню по центру, сразу же под надписью inStyle
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не отображается менюWedal 12.02.2014 03:07
Юрка,
1)Статья написана еще к версии Joomla 1.5, хотя в плане метода и кода ничего особо не поменялось.
2)Тяжелые шаблоны, вроде вашего - там все может быть много сложнее. Модули могут вызываться по-другому. Нужно смотреть конкретно. Так не могу сказать. Попробуйте для начала осуществить задуманное на каком-нибудь простом шаблоне, вроде Atomic.
Ответить | Ответить с цитатой | Цитировать
0 # Некорректная работа менюAlex0612 05.02.2014 05:25
Спасибо большое, действительно помогло. Так просто, а в инете ничего не смог найти, вопросы такие встречаются, а ответов нет.
Ответить | Ответить с цитатой | Цитировать
0 # Некорректная работа менюAlex0612 04.02.2014 15:14
Joomla 1.5. По какой причине выпадающее меню срабатывает только когда выбран родительский элемент? На самописном движке и статическом сайте все работает нормально. Где искать конфликт с Joomla?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Некорректная работа менюWedal 05.02.2014 03:37
Alex0612, так сложно сказать. Нужно смотреть сайт. Есть предположение, что в настройках модуля меню не установлена опция "всегда показывать вложенные подпункты".
Ответить | Ответить с цитатой | Цитировать
0 # не могу прикрутить =(Антон Михайлов 16.12.2013 07:18
Привет! Мучаюсь днями и ночами, но результат нулевой! JS ссылки корректны, CSS тоже, но в результате ничего похожего на искомый!
CSS_______________

/* style for horizontal nav */
#navigation_horiz {height: 36px; width:720px; margin: 0 auto; text-align:center; clear:both}
#navigation_horiz ul {display:block; margin: auto; padding: auto; position:relative; padding-top: 10px}
#navigation_horiz ul li {display:block; float: left; margin: auto; padding: auto; position:relative; width: 20%}
#navigation_horiz ul li a.navlink {font-size:14px; text-transform: uppercase; font-family:sans-serif; display:block; height:26px; color:#E8EAEC;
text-decoration:none; font-weight: bold}
#navigation_horiz ul li a:hover.navlink {display:block; height:26px; color:#fff; text-decoration:none}
#navigation_horiz #dropdown {text-align:left; position:absolute; border-radius: 6px; z-index: 31}

/* style for each drop down - horizontal */
#navigation_horiz ul li #dropdown_one {line-height:100%; background-color: #556d94; opacity: 0.85; padding: 20px 14px}
#navigation_horiz ul li #dropdown_one a {color:#fff; font-family:sans-serif; font-size:15px; text-decoration:none}
#navigation_horiz ul li #dropdown_one a:hover {color:#9ac2e9}
#navigation_horiz ul li #dropdown_two {color:#fff; line-height:100%; background-color: #556d94; opacity: 0.85; padding: 14px; margin-left: -174px;
font-family:sans-serif; font-size:14px; text-decoration:none; line-height: 2; text-align:left }
#navigation_horiz ul li #dropdown_two a {text-decoration:none; color:#9ac2e9}
#navigation_horiz ul li #dropdown_two a:hover {color:#fff}
Ответить | Ответить с цитатой | Цитировать
0 # продолжениеАнтон Михайлов 16.12.2013 07:24
Стили на модуль вообще не применяются =(
А замена #стиль на .стиль работает только до a.

Прошу помощи, если это реально!
Ответить | Ответить с цитатой | Цитировать
0 # продолжениеАнтон Михайлов 16.12.2013 07:29
В данном случае внутри самого дива меню вставлены дивы выпадающих боксов, и к основным ссылкам применяются отдельные стили. Как быть в таком случае? Куда приписать классы для ссылок и дропбоксов?
Ответить | Ответить с цитатой | Цитировать
0 # RE: продолжениеWedal 17.12.2013 02:33
Антон, ничего не понял из вашего вопроса. Давайте:
1) Живое демо того, что есть.
2) Более подробное описание того, что нужно.
Ответить | Ответить с цитатой | Цитировать
0 # RE: продолжениеАнтон Михайлов 18.12.2013 16:08
На хостинг пока не могу повесить =( Закинул в облако с возможностью редактирования. https://skydrive.live.com/redir?resid=D5D0A063127825E0!1199&authkey=!AIoPU-eCfaeUsKI&ithint=folder%2c.css

А вся соль в том, что в таком виде всё работает, потому-что внутри списка находится div. Может быть нужно реструктурировать css, чтобы прикрутить к меню Joomlы! Или где-то в Joomle приписать суффиксы? Я каждый день что-то новенькое пробую, но пока не горит огонь =) Что порекомендуете?
Ответить | Ответить с цитатой | Цитировать
0 # RE: продолжениеWedal 19.12.2013 03:22
Антон, я вообще не понимаю, что вы пишите. Можете написать вопрос подробно и по шагам? Что есть, что нужно, что не получается.
Ответить | Ответить с цитатой | Цитировать
0 # попробую =)Антон Михайлов 19.12.2013 15:20
Есть горизонтальное меню, построенное на html/css/js, которое я выложил по ссылке выше. Если скачаете архив - разберётесь в структуре быстро. В html файле прописана его структура, внутри которой, из под родителя выпадает DIV с дочками. Как посредством Joomla создать такую-же структуру с дочерними пунктами меню, которые при наведении на родителя выпадут в указанном мной DIVе. Я почитал статьи по переопределению шаблонов вывода модулей, но особо мне это не помогло =( Я всё равно не понимаю, как при помощи "своего" шаблона вывода модуля заставить всё это дело работать!
Ответить | Ответить с цитатой | Цитировать
0 # RE: попробую =)Антон Михайлов 19.12.2013 19:39
Может быть куда-то надо приписать:
$('.parent').addClass('dropdown') ???
Ответить | Ответить с цитатой | Цитировать
0 # RE: попробую =)Wedal 20.12.2013 04:09
Антон, т.е. вам нужно немного переделать структуру меню, чтобы подключить скрипт. Правильно? Если так, то нужно просто переопределить макет модуля меню в используемый шаблон Joomla и отредактировать его под ваши требования. Только так.
Ответить | Ответить с цитатой | Цитировать
0 # RE: попробую =)Антон Михайлов 21.12.2013 12:41
Вот оригинал: http://www.jqueryscript.net/menu/Simple-Clean-jQuery-Drop-Down-Menu-Plugin-naviDropDown.html

Проблема в том, что я не знаком с php вообще, и поэтому не знаю что делать внутри переопределённого шаблона! Если вам не сложно, то дайте если не развёрнутый ответ, то хотя-бы чёткое направление, чтобы мне не удалось сбиться с пути. Переопределить шаблон вывода я, предположим, смогу, а переделать его вряд-ли получится.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: попробую =)Wedal 23.12.2013 02:59
Антон, вы сейчас пишите: "Вот код. Сделайте меню за меня". Направление я вам дал, а дальше только html/css/php, либо к фрилансерам.
Ответить | Ответить с цитатой | Цитировать
0 # к2kil-ler097 24.10.2013 11:26
работаю с к2
Ответить | Ответить с цитатой | Цитировать
0 # другие пунктыkil-ler097 24.10.2013 11:05
Привет, вот у меня главная отображается как нужно но другие пункты меню криво что делать??( я имею в виду страницы в общем)
Ответить | Ответить с цитатой | Цитировать
0 # варианты менюGlance 28.09.2013 15:32
Спасибо, попробовал все работает. Вот только некоторое надписи выходят за пределы менюшек, что в этом случае можно сделать?
Ответить | Ответить с цитатой | Цитировать
0 # RE: варианты менюWedal 30.09.2013 04:07
Glance, можно уменьшить надписи, можно увеличить ширину менюшек. Короче говоря, нужно искать какой-то компромисс.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Kira 16.03.2013 15:47
Уже третий день бъюсь над выпадающим меню, но оно у меня не выпадает. И не только в моем шаблоне, но и в вашем, скаченном с этого сайта. В других шаблонах, где есть выпадающие меню, они выпадают. :sad:
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 18.03.2013 01:53
Kira, Firebug, вкладка "Консоль". Есть в ней ошибки?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Kira 18.03.2013 05:46
Нет, в Firebug ошибок нет. Не понятно, почему в вашем шаблоне меню не выпадает.
Посмотрите, пожалуйста:
http://zakaz.daikor.com
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Kira 18.03.2013 10:32
Когда интегрирую то меню, которое дано в html примере - оно замечательно работает и выпадает, из чего заключаю, что со скриптами все впорядке. А меню, jomla отказывается выпадать.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 19.03.2013 02:03
Kira, так у вас нет пунктов меню второго уровня. Чему выпадать-то?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Kira 19.03.2013 05:33
С чего вы решили, что у меня там нет вложенных подпунктов? Они там есть и повторюсь в других шаблонах выпадают.
Хм, странно, поменяла меню из Top Menu на Main Menu и оно стало выпадать. Хотя и там и там есть вложенные подпункты и в других шаблонах Top Menu выпадает. А в вашем варианте впадающие пункты просто ставятся рядом в основном меню.
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция superfishmaxis_maxis 05.03.2013 10:26
Попытался по аналогии с вашим примерам интегрировать superfish меню в Joomla! 2.5. Работает только как CSS меню. У меня возник вопрос - может надо скрипт вставлять именно после тега ul меню?
Знаю есть модуль, но хочется научиться это делать руками.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция superfishWedal 06.03.2013 01:13
maxis,сложно сказать как лучше. Нужно смотреть каждый конкретный пример. Если есть проблема со скриптами, используйте вкладку "Консоль" в Firebug. Там должны показываться все ошибки JS.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.vova 26.02.2013 15:09
в шаблоне
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.vova 26.02.2013 15:08
Цитирую Лев:
Я попытался сделать по аналогии с вашим примером, НЕ ПОЛУЧИЛОСЬ. На моем сайте CSS меню не появляется. Поэтому я добавил сюда php-код из шаблона, чтобы вы подсказали, в какое именно место его вставить. Но исходя из вашего ответа, предполагаю, что вы сами не знаете, как это сделать..

автору спасибо, под 2,5 работает, только надо css поправить, убрать overflow: auto; в классе joomla-nav. в шаблоне
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 25.02.2013 21:26
Я попытался сделать по аналогии с вашим примером, НЕ ПОЛУЧИЛОСЬ. На моем сайте CSS меню не появляется. Поэтому я добавил сюда php-код из шаблона, чтобы вы подсказали, в какое именно место его вставить. Но исходя из вашего ответа, предполагаю, что вы сами не знаете, как это сделать..
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 22.02.2013 08:12
Wedal, подскажите, это меня которое вы внедряете в joomla подходит для все версий? Я попробовал проделать тоже самое для joomla 2.5 у меня не получилось. Помогите разобраться пожалуйста.. Загвоздка на третmем этапе интегрирования-корректирования php-кода.
Код:
<?php endif; ?>
<div id="maincolumn">
<div class="nopad">
<div id="breadcrumbs"><jdoc:include type="modules" name="position-2" /></div>
<?php if ($this->countModules('position-12')): ?> <div id="top"><jdoc:include type="modules" name="position-12" /></div>
<?php endif; ?>
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 25.02.2013 03:36
Лев, я писал статью для Joomla 1.5 в Joomla 2.5 код вставки модуля немного другой. Посмотрите в шаблоне и сделайте по аналогии.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 21.02.2013 10:12
Помогите пожалуйста разобраться с проблемой.
У меня joomla 2.5.6 она у меня пока на локальном хостинге (Денвер).
Я создал страницу "контакты" добавил форму обратной связи, она вроде письма отправляет но они не прилетают в папку "!sendmail". Хотя джумла после нажатия на кнопку "отправить" отвечает: "Спасибо за ваше письмо!". В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 22.02.2013 04:40
Лев, при чем здесь тема статьи? Вопросы не по теме вы можете задать в подходящей ветке на форуме.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 21.02.2013 10:08
Пробую еще раз :-) Код:
<?php endif; ?>
<div id="maincolumn">
<div class="nopad">
<div id="breadcrumbs"><jdoc:include type="modules" name="position-2" /></div>
<?php if ($this->countModules('position-12')): ?> <div id="top"><jdoc:include type="modules" name="position-12" /></div>
<?php endif; ?>
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 20.02.2013 10:08
Я сделал так, между тегом CODE
вставил фрагмент php-кода, чтобы вы посмотрели, а код все равно не добавляется и не выводится.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 21.02.2013 02:46
Лев CODE код /CODE
Теги в квадратных скобках. Да, давно уже пора сделать для этого кнопку, но все никак не соберусь.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 20.02.2013 10:07
Лев используйте тег CODE, по аналогии с другими тегами этой формы.

А как его использовать?
Я сделал так, между тегом
вставил фрагмент кода, чтобы вы посмотрели, а код все равно не добавляется.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 20.02.2013 10:02
Подскажите, в какое место необходимо вставить код (3-й этап), чтобы получилось такое же css-меню как в вашем примере:
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 02.02.2013 12:57
Добрый день! Это снова Лев. А помогите пожалуйста со вставкой кода, который описан у вас в примере (3-й этап). Вот фрагмент кода, который я скопировал с joomla:
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 02.02.2013 12:58
не получается вставить код.. он обрезается при добавлении.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 04.02.2013 02:17
Лев используйте тег CODE, по аналогии с другими тегами этой формы.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Лев 31.01.2013 15:26
Wedal, подскажите, это меня которое вы внедряете в joomla подходит для все версий? Я попробовал проделать тоже самое для joomla 2.5 у меня не получилось. Помогите разобраться пожалуйста.. Загвоздка на третmем этапе интегрирования-корректирования php-кода.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 01.02.2013 02:18
Лев, да, подходит к любой версии Joomla. Посмотрите внимательно, как в вашем шаблоне выводятся позиции модулей. Код может чуть отличаться.
Ответить | Ответить с цитатой | Цитировать
0 # Не видно стрелки((Славик 10.12.2012 11:29
Здравствуйте! Никак не могу решить одну проблему :sad: У меня три категории:
1) главная
2) консультация
3) услуги

Подкатегории есть только в "Консультация" и соответственно только на ней есть стрелочка "вниз". Но эту стрелочку видно только если нахожусь на "главной", а при переходе на другие страницы не видно(((( Если видно с "главной", то должно быть пути расставлены правильно? Все остальное работает правильно и разворачивается.
Может можно как-то вообще убрать отображение этих стрелок "вниз" и "вправо"??
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не видно стрелки((Славик 10.12.2012 11:42
Здесь скриншоты с главной страницы:
http://s1.ipicture.ru/uploads/20121210/xFjTS7AS.bmp
и что видно с остальных страниц:
http://s1.ipicture.ru/uploads/20121210/xFjTS7AS.bmp
Ответить | Ответить с цитатой | Цитировать
0 # БлагодарностьВячеслав 08.12.2012 19:19
Спасибо Вам за статью, очень полезная и очень хорошо описано, побольше таких блогов. Спасибо еще раз.
Ответить | Ответить с цитатой | Цитировать
-1 # Не вставляется backgrundЛёва 18.11.2012 11:15
Здравствуйте, уважаемые!! Меню интегрировалось без проблем. Стал менять css, решил вместо цвета кнопки поставить background с картинкой, после 29-й строки:
text-decoration: none;
поставил:
background: #f00 url(templates/ujurista/images/dropdown-bg.gif);
Причем, фон меняется на картинку, если меню не встроено в joomla! после интеграции картинку не видно :sad: Пути к картинке проверил много раз. Что может быть не так? Ставил на Joomla! 1.5
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Не вставляется backgrundWedal 19.11.2012 02:06
Лёва, дайте ссылку, где можно посмотреть.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Не вставляется backgrundЛёва 20.11.2012 10:18
Я разобрался)) Оказывается ссылки в CSS надо было проставить относительно его нахождения, а так как CSS находился в /css/ а картинки в /images/ то пусть ставить надо на директорию выше, т.е. url(../images/картинка.gif
Так все работает) Вот ссылка:
http://narod.ru/disk/63850080001.dccd7fdf17f6fe9bdb1c27f3dbf6f52c/first-template-2.zip.html
Получилось симпатично))
СПАСИБО ЗА СТАТЬЮ!!!!
Ответить | Ответить с цитатой | Цитировать
0 # интеграция галереиВадим 06.08.2012 12:31
Это очень познавательно. Спасибо Wedal.
Не планируете написать статью об интеграции галереи на jquery? например вот такой: http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+tympanus+%28Codrops%29
Ответить | Ответить с цитатой | Цитировать
0 # Битая ссылкаBright 05.07.2012 21:42
В статье ошибка 404 под ссылкой http://wedal.ru/tag/работа-с-шаблонами-joomla.html
Ответить | Ответить с цитатой | Цитировать
0 # RE: Битая ссылкаWedal 06.07.2012 03:51
Bright, спасибо! Исправил.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.aurifer 21.05.2012 02:20
Я так понял эта статья написана для Joomla 1.5 , для 2.5 подключение скрипта выполняется таким же образом? Или как то по-другому? Меню никак не хочет выпадать. Более подробно на форуме.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Zhuka 07.05.2012 08:40
Прикольное меню как раз подточил прям до микрона к своему проекту , а оно не открывается не показывает вложенные элементы , перепробывал все, жаль но врийдется искать что-то подобное
Ответить | Ответить с цитатой | Цитировать
0 # Подскажите пожалуйстаJuicy 25.03.2012 14:06
Очень хотелось бы узнать у специалистов,интересующий у начинающих разработчиков Joomla, как все-таки не только интегрировать, но и совместить меню с Joomla.
У нас есть js меню, интегрировать - интегрировали, т.е. меню отображается,js функционирует,картинки отображаются ( встроены в меню). Но как связать это меню с Joomla? Как совместить ссылки в html с разделами статьями и т.п в Joomla?
p.s. меню подключено полностью, но нету связи ссылок в html с Joomla. Как их задать? Помогите пожалуйста
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Подскажите пожалуйстаWedal 26.03.2012 03:03
Juicy, вы не интегрировали меню в Joomla, а просто вставили html-меню в шаблон. Это разные вещи. Для интеграции в Joomla создайте простое меню Joomla. Посмотрите исходный код страницы, который будет сгенерирован, и настройте скрипт так, чтобы он обрабатывал именно код меню Joomla.
Ответить | Ответить с цитатой | Цитировать
0 # Не работает.StenHigh 21.03.2012 13:41
Сделал все как описано в статье. Все файлы оригинальные с вашего сайта. Как меню так и шаблон. Изменения в index.php сделаны копи паст из статьи но все равно меню так и не отобразилось. Может я какой то само разумеющийся момент не сделал. Подскажите пожалуйста.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Не работает.Wedal 22.03.2012 04:03
StenHigh, сравнивайте исходный код страницы демо-примера и того, что получилось у вас.
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон JoomlaAndreismok 21.01.2012 09:20
Малое пояснение к всему: Меню отлично работает в Джумла в фаерфоксе а в других не видно блока с текстом
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон Joomla.Andreismok 21.01.2012 09:15
Меню с самого начала интегрировалось только на половину. Eсть :hover анимация: движение картинок вверх, наезд ссылок слева, после клика на ссылки должен наехать блок с текстом- Блок наезжает а текста в нём невидно.
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон Joomla.Andreismok 21.01.2012 09:08
Помогите интегрировать супер классное меню(поделюсь кодом). Обычное меню (ваше)интегрирую а вот это не могу. 5 дней мучаюсь. Буду благодарен
Ответить | Ответить с цитатой | Цитировать
0 # Сползает весь сайтOVG 17.01.2012 20:14
Поставил, всё замечательно.
Но при собственно выпадении меню вся страница так же сползает вниз!!!
Куда копать, не подскажете?
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон Joomla.nimzuka 21.12.2011 18:44
Добрый день. У меня вопрос : а как бы убрать эти стрелки из меню ? если убираю строчку из скрипта, то перестают появляться подпункты.
Ответить | Ответить с цитатой | Цитировать
0 # Только первые пункты менюЮрий 17.12.2011 15:32
У меня высвечиваются только первые пункты, вложенности нету. Посмотрел исходный код там вложенность присутствует. (Показывать подпункты меню стоит да). Joomla 1.7?
Ответить | Ответить с цитатой | Цитировать
0 # Вопрос решился, но появился новый.Юрий 19.12.2011 14:57
Вопрос решился. Я использовал шаблон J!Blank Template в нем есть настройка "jQuery, подключение" выставил включить, но она не отработала, только когда я туда переписал jquery.min.js и пробил путь (все как в статье, тогда все пошло).
Сейчас у меня другая проблема, иконки стрелок отображаются только на первой странице, после перехода в любой пункт меню они пропадают. Что это может быть?
Ответить | Ответить с цитатой | Цитировать
0 # менюuser 27.11.2011 10:37
Доброго времени суток.
Штука вот в чём.

Вставил все в принципе работает. НО, работает только для Пункта1 Меню(тобишь выводит только из Пункта1.Меню его подпункты) с Меню.Пункта2 с Меню.Пункта3 и т.д. не показывает подпнукты. Где рыть так и не пойму.
Открывал код уже сгенерированых страниц, так там почему то только в етом МЕню.Пункт1 есть под меню, а в остальных как буто нету. Где их искать? В админке ведь они есть
J1.6.
Ответить | Ответить с цитатой | Цитировать
0 # re:snooper 27.11.2011 17:20
Потрібно зайти Розширення - Модулі - Мейн меню(чи яке там в тебе) Та в базових параметрах змінити "Показати пункти підменю" з "НІ" на "Так" і буде тобі щастя :) Все воно працює.
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон JoomlaАлександр22 19.11.2011 11:58
Спасибо! Очень интересная статья!
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Сергей 07.11.2011 22:07
Подскажите, как в 1.7 решить вопрос, в пхп:


а на выходе:



Услуги ремонта и обслуживания

и собственно ничего не работает
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Интеграция выпадающего jQuery-меню в шаблон JoomlaNik 11.10.2011 12:21
Классная статья. Но мучаюсь вот по какому вопросу. Данное меню становиться нормально и querry работает. А вот с другими менюшками проблема. Дело в том что здесь css классы начинаются с ddsmoothmenu. а во многих менюшках запись примерно такая: ul.класс a, ul.класс ul li a. я пробовал все ставить после класса, тогда меню отображается, но к нему не применяется querry. что я делаю не так подскажите пожалуйста. как отредактировать css файл, чтобы всё нормально было? Заранее огромное спасибо!!!
Ответить | Ответить с цитатой | Цитировать
0 # менюElf 08.11.2011 05:20
Цитирую Nik:
Классная статья. Но мучаюсь вот по какому вопросу. Данное меню становиться нормально и querry работает. А вот с другими менюшками проблема. Дело в том что здесь css классы начинаются с ddsmoothmenu. а во многих менюшках запись примерно такая: ul.класс a, ul.класс ul li a. я пробовал все ставить после класса, тогда меню отображается, но к нему не применяется querry. что я делаю не так подскажите пожалуйста. как отредактировать css файл, чтобы всё нормально было? Заранее огромное спасибо!!!

согласен ....та же проблема ....Неделю мучаюсь уже ... вот меню которое не могу вставить: http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html
Был бы очень благодарен если ктонить поможет ....
Вопрос аналогичен с Nik'овским
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.mohnatik 21.06.2011 12:36
Сделал все как вы написали ничего не получилось.
Поставил ваш шаблон с уже интегрированным меню ничего не видно одна ссылка Главная
Ответить | Ответить с цитатой | Цитировать
0 # ПОЛЕЗНЫЙ СОВЕТАндрей 16.06.2011 13:09
Жаль, хотел прописать правильно второй этап интеграции. Но движок вырезает код НTML. Ну вы должны понять, где убрать слеши. Я долго искал ошибку, а оказалась - эта мелочь.
Ответить | Ответить с цитатой | Цитировать
0 # RE: ПОЛЕЗНЫЙ СОВЕТWedal 20.06.2011 02:32
Андрей, эти строчки?
Код:<link rel="stylesheet" href="/templates/first-template/css/ddsmoothmenu.css" />
<script type="text/javascript" src="/templates/first-template/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/first-template/js/ddsmoothmenu.js"></script>
Ответить | Ответить с цитатой | Цитировать
0 # ПОЛЕЗНІЙ СОВЕТАндрей 16.06.2011 13:03
Все работает. Ошибка появляется из за того, что автор прописал лишние слеши перед - templates в трех местах. Нужно вот так :
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Frostghost 06.06.2011 10:57
...блин.


Я, к сожалению, не нашёл такой строчки:
jdoc:include
Вообще.
Как мне быть?
Есть только вот что:
if ( mosCountModules( 'user3' ) > 0){
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 07.06.2011 02:01
Frostghost, вопрос на форум с примером того, что есть. Там код вставляется.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.kate 01.06.2011 11:30
Огромное спасибо, очень доступно написано. Сразу все заработало!
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.lliana 17.05.2011 06:31
А почему нельзя оформить это jqwery-меню в виде отдельного модуля Joomla? Так будет красивее
Ответить | Ответить с цитатой | Цитировать
+1 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 18.05.2011 01:23
lliana, статья обучающая. Мне было важно показать сам процесс, а не выдать готовый модуль. Если хотите - займитесь его разработкой. Приложу в конце статьи.
Ответить | Ответить с цитатой | Цитировать
0 # virtuemartRedWeiss 10.05.2011 09:54
Подскажите как использовать данное меню для "Каталога товаров" в virtuemart. Мучаюсь уже не один день, меню появляется но не в списке категория товаров, а в меню на кнопке " :oops: Главная"
Ответить | Ответить с цитатой | Цитировать
0 # RE: virtuemartWedal 11.05.2011 01:36
RedWeiss, нужно установить модуль из этой статьи: http://wedal.ru/rasshireniya-joomla/virtuemart-internet-magazin-na-joomla-chast-23-sozdanie-stilizovannogo-menu-virtuemart.html
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: virtuemartRedWeiss 13.05.2011 12:02
Спасибо за наводку пробую но пока безуспешно. Буржуазные шаблоны зло, нужно сделать акцент на уроки создания собственного шаблона. :-*
Ответить | Ответить с цитатой | Цитировать
0 # ie6NekrasoVweb 27.04.2011 12:30
в ie6 с шириной вокруг пунктов меню разобрался,тут другая проблема появилась,при загрузке IETestera значки вниз, и вся навигация меню работает, но при выборе любого из пунктов, значки вниз везде пропадают и остаётся одна полоска.думаю ошибка в псевдоклассах A: только как именно задать...
Ответить | Ответить с цитатой | Цитировать
0 # ...NekrasoVweb 24.04.2011 08:27
мда...
Ответить | Ответить с цитатой | Цитировать
0 # УточнеениеNekrasoVweb 24.04.2011 08:33
замучался регистрироваться, перенаправленные выровняйте, а то белая страница и все,тут пишут "введите имя"искал где его вводить. или замените на "Войтите как зарег.пользователь". Теперь по делу. Ресурс просто супер!!!давно у вас читал статьи, всё отлично изложено. и что не маловажно своевременные стати. Спасибо Автору. Вопрос: в ie6 фон меню сузился до размеров шрифта, и никакого выпадения нет.во всех остальных браузерах и версиях ie всё нормально. подскажите пожалуйста в чем может загвоздка быть. Заранее спасибо
Ответить | Ответить с цитатой | Цитировать
0 # RE: УточнеениеWedal 25.04.2011 04:07
NekrasoVweb, загвоздка в IE6. Хотя в демо-примере в нем меню работает. Смотрите ваш шаблон. Сравнивайте код его меню с кодом меню из примера. Ищите отличия.
Ответить | Ответить с цитатой | Цитировать
0 # Все супер, но....fleix 22.04.2011 08:30
Спасибо большое, развернул буквально за 5 минут ))) Все классно, но наткнулся на один косячек... Если врубить в Джумле seo-оптимизацию, то пути до файлов со стрелками становятся неправильными (притом только при отображении статей, на главной все работает)... (((
Например без Seo: Путь до материала joomla.test1.ru/index.php?option=com_content&view=article&id=45:joomla-community-porta ну и так далее. Соответственно корнем считается joomla.test1.ru/
А теперь вруби Seo: joomla.test1.ru/index.php/the-news
Соответственно корень для скрипта уже joomla.test1.ru/index.php/the-news/ - а это то и каталогом не является...
Вот сижу, ломаю голову как бы ткнуть универсальный путь в js.
Придумаю - отпишусь )))
Ответить | Ответить с цитатой | Цитировать
0 # Все супер, но....fleix 22.04.2011 08:35
Не, ну конечно можно прописать полный путь с указанием имени хоста )))) Но я вот пытаюсь сделать так чтобы шаблон можно было развернуть из ZIP-a. А там все пляски в пределах папки шаблона идут... ((
Ответить | Ответить с цитатой | Цитировать
+2 # RE: Все супер, но....Wedal 25.04.2011 04:04
fleix, /index.php/ в ссылке говорит о том, что htaccess.txt не переименован в .htaccess и, соответственно, для перенаправления не используется mod_rewrite. Переименуйте файл и укажите в настройках, что ЧПУ должны делаться с его использованием.
Ответить | Ответить с цитатой | Цитировать
-1 # RE RE: Все супер, но....fleix 25.04.2011 06:45
Спасибо, помогло. Сам вот не догадался ((
Супер статья! )))
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Art 21.04.2011 09:59
все сделал по инструкции но меню не отражается в чем дело не подскажете?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 22.04.2011 04:21
Art, читайте комментарии выше. Возможно поможет.
Ответить | Ответить с цитатой | Цитировать
0 # КатегорииМихаил 01.04.2011 07:57
Меню реализовано, работает хорошо.

Wedal, подскажи пожалуйста, как сделать чтобы все подпункты меню выводились ко всем категориям, а не только к текущей. Ато выпадающие пункты отображаются только у текущего меню
Ответить | Ответить с цитатой | Цитировать
0 # RE: КатегорииWedal 04.04.2011 01:51
Михаил, сравните код демо-примера из этой статьи и код меню на вашей сгенерированной странице.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: RE: КатегорииМихаил 04.04.2011 06:57
Цитирую Wedal:
Михаил, сравните код демо-примера из этой статьи и код меню на вашей сгенерированной странице.

С кодом у меня все в порядке, он работает исправно на основе каркаса джумлы. Дело в том что джумла формирует подменюшки только для текущей категории... Как это изменить?
Ответить | Ответить с цитатой | Цитировать
+1 # RE: RE: RE: КатегорииWedal 04.04.2011 07:01
Михаил, все теперь понял о чем вы. В настройках модуля меню в опции "Всегда показывать вложенные подпункты" установите "Да".
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: КатегорииМихаил 04.04.2011 07:12
Спасибо! Нашел :)

Ещё интересно посмотреть на Ваши расценки по разработке и модификации сайтов в Joomla, они судя по порталу и Вашим знаниями не из дешевых. Но вдруг все-же окажуться привлекательными (сейчас сотрудничаю с людьми с фриланс.ру за небольшие деньги все делают, но некоторые вещи затрудняются сделать)
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: КатегорииWedal 05.04.2011 01:55
Михаил, каждый раз, в зависимости от задания, цена индивидуальна. Цены, выше, чем на фрилансе, но ниже, чем в студиях.
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон Joomla.amster 26.03.2011 12:15
Интересная тема, но как это проделать в Joomla 1.6? там вроде в коде на странице не выдается список меню целиком - подкатегории отдельно. или я чего-то недопонял? :sad:
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 27.03.2011 05:07
amster, я вообще вас не понял. :o
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.amster 27.03.2011 12:26
Все порядке, спасибо. Дело не в подключении - неправильно построил меню :lol:
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.mikser 08.03.2011 10:41
Всё гениальное просто +)Очень помогло) хз как сам не допёр...
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bangoo 28.02.2011 10:44
Демо-пример моего меню в Opera, Chrome также запускается, но после интеграции в шаблон, только в FireFox и Explorer.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 01.03.2011 03:03
Bangoo, ну значит дело в вашем шаблоне, как видимо.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bangoo 01.03.2011 12:36
В других шаблонах та же песня, видимо что-то не прописал, в любом случае Wedal, спасибо за статью, меню получилось отличное, то что нужно было, с Opera как нить подружимся :-)
Ответить | Ответить с цитатой | Цитировать
0 # остальные браузерыBangoo 27.02.2011 21:26
Огромное СПС автору за статью, ресурс вообще очень полезный.
Меню, созданное на основе статьи, отлично работает в Firefox, с небольшими отклонениями в IE7, но вот в Opera, Chrome абсолютно не желает выпадать.

Скажите, такая проблема вообще есть, или это мой частный случай???
Ответить | Ответить с цитатой | Цитировать
0 # RE: остальные браузерыWedal 28.02.2011 07:27
Bangoo, попробуйте запустить демо-пример из этой статьи в Opera, Chrome и посмотреть.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.StolenEagle 17.02.2011 00:00
Вобщемто если интегрировать менюшку в свой шаблон подключать по сути ничего ненадо файл ddsmoothmenu.css так как его содержимое можно вбить в свой общий css(template.css например) а если уже у вас присутствовует на сайте JQuery к примеру кнопки то просто вбить содержимое ddsmoothmenu.js в общий js(script.js к примеру). jquery.min в таком случае у вас тоже должен быть.
Но позиция hornav в php не изменяема
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 17.02.2011 03:32
StolenEagle, да все верно. Это связано с тем, что меню должно быть помещено в DIV-контейнер с определенным классом. Это тоже можно сделать, переделав структуру меню. Так сделано, например, в шаблоне ja_purity(или ja_purity II... точно не помню). Но это гораздо сложнее, чем просто подключить меню, да и такая универсальность нужна только для шаблонов, которые будут распространяться. Для сайта в единичном экземпляре гораздо проще сделать так, как я написал.
Ответить | Ответить с цитатой | Цитировать
0 # тажеStolenEagle 16.02.2011 23:41
Да меню обязательно должно быть выведено в позиции hornav если влом искать где она ещё выведена. и позиция hornav должна быть вбита в templateDetails.xml
А что пути типа
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон Joomla.Федул 15.02.2011 08:24
Спасибо! Очень доходчиво.
Ответить | Ответить с цитатой | Цитировать
0 # menuRoy 13.02.2011 21:33
Hi! Vitali! u menia ne kak poluchaetsia. proshu zakinte uje ispravlennye faily plz! ia ne ponimau gde dopuskau oshibku
Ответить | Ответить с цитатой | Цитировать
0 # RE: menuWedal 14.02.2011 04:53
Roy, да, этого действительно не хватает. Добавил готовый шаблон в конец статьи. Меню должно быть выведено в позиции hornav.
Ответить | Ответить с цитатой | Цитировать
0 # Полоска!anton 03.02.2011 23:24
День добрый!
При изменении ЦСС и подстройкой под свой цвет столкнулся с проблемой, тонкой серенькой полоски в выпавшем меню справа!
КАК ЕЕ УБРАТЬ ???
Спасибо!!!
Ответить | Ответить с цитатой | Цитировать
0 # RE: Полоска!Wedal 04.02.2011 05:31
ddsmoothmenu.css (строка 22)
.ddsmoothmenu ul li a
border-right: 1px solid #777788;
Ответить | Ответить с цитатой | Цитировать
0 # Эн нет!anton 04.02.2011 07:11
Это я уже убрал!
Я закомментировал все уже позиции в ЦССе,
а она все ровно есть. Она находится в выпадающем меню справа от пунктов. тооооооненькая сеееееееренькая факинг полоска с которой я всю ночь боролся и пока она ведет!!!
Ответить | Ответить с цитатой | Цитировать
0 # RE: Эн нет!Wedal 07.02.2011 07:54
anton, теперь понял вас.

В
.ddshadow
удалите:
background: silver;
Ответить | Ответить с цитатой | Цитировать
0 # УточненияДмитрий 19.01.2011 13:02
Можно добавить несколько уточнений?
1) В коде подключения файлов допущена ошибка вот в этой строке


- пропущена папка js

2) укажите пожалуйста что скрипт ddsmoothmenu.init({
надо прописывать после подключения трех файлов через

Просто у меня как у новичка заняло время исправление этих моментов.
Ответить | Ответить с цитатой | Цитировать
0 # УточненияЕвгений 19.01.2011 21:05
Подтверждаю слова Дмитрия: скрпит надо подключать после подключения 3-х файлов. Сам бился головой ап стену, пока выявил эту проблему.
Ответить | Ответить с цитатой | Цитировать
0 # RE: УточненияWedal 20.01.2011 09:39
Дмитрий, да действительно. Поправлю. Спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # А какая должна быть структура самого менюДмитрий 19.01.2011 11:27
Возможно глупый для многих вопрос, но все же я его задам.
Какая структура у меню должна быть это понятно. Вопрос в том какой тип пункта меню необходимо выбирать для родительских пунктов меню?
Ответить | Ответить с цитатой | Цитировать
0 # RE: А какая должна быть структура самого менюWedal 20.01.2011 09:39
Дмитрий, тут уж как вам хочется, если нужно, чтобы при клике что-то открывалось, то соответствующий пункт этого "чего-то", если нет, то разделитель.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.D.E. 03.01.2011 18:32
Спасибо за статью, хотел сделать, но выяснилось, что у шаблона от Gavick нет тегов head в index.php
Как быть? :sad:
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 05.01.2011 07:09
D.E., это невозможно, т.к. нарушает правильную структуру html-документа. Скорее всего в вашем шаблоне в index.php его(шаблона) части находятся в других файлах и добавляются включением(что-то не очень понятно получилось...). Короче говоря, ищите теги head не в index.php а в одном из других файлов шаблона(вероятно, он называется head.php или header.php)
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.D.E. 05.01.2011 10:56
Нашелся вроде как в папке layouts под названием default.php
Спасибо))) Я вот наткнулся на интересный сайт http://fancybox.net/home Там предлагают библиотеку для всплывающих окон. Выглядит очень симпатично и заманчиво. Есть инструкция http://fancybox.net/howto Там 4 строчки скрипта и 1 стилевая, вот все 5 штук я сунул между тегами . папку со скриптом запихал в корень сайта. Итог - не получилось :-) Это не выпадающее меню, так что я не в тему, но тоже с подключением библиотеки и просто штука интересная. Я правильно делал? или с только выпадающее меню можно?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 06.01.2011 05:54
D.E.,
Прежде всего, нужно проверить правильно ли вы подключили файлы. Для этого открываем исходный html-код сгенерированной страницы и кликаем по ссылкам подключенных вами файлов. Все файлы при этом должны открываться. Если не открываются - значит не верно прописаны пути к ним.

Далее, fancybox срабатывает только если к ссылке, ведущей на увеличенное изображение картинки добавлен какой-то атрибут, что-то вроде rel="lightbox". Но это лишь пример. Как правильно смотрите в документации.

Ну и последнее, если сделано все вышеописанное, но результата нет, то возможен конфликт библиотек скриптов mootools и jquery.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.D.E. 06.01.2011 14:12
Большое спасибо за столь ценную и исчерпывающую информацию! :-) Успехов в развитии ресурса! :-)
Ответить | Ответить с цитатой | Цитировать
0 # РазмерыПавел 10.12.2010 12:58
А как изменить размеры
в частности высоты
я поковырял файл стилей что то не нашел
посмотрел скрипт там размеры судя по всему переменными задаются (в скриптах я плохо разбираюсь) ну так вот как изменить ?
Ответить | Ответить с цитатой | Цитировать
0 # RE: РазмерыWedal 11.12.2010 05:35
Павел,
.ddsmoothmenu ul li a
изменяйте:
padding: 8px 10px;
Ответить | Ответить с цитатой | Цитировать
0 # Интеграция выпадающего jQuery-меню в шаблон Joomla.head_cutter 04.12.2010 04:21
Доброе время суток! как сделать подобное меню в модуле left и вертикальной ориентацией?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 04.12.2010 06:12
head_cutter, также, только нужно использовать скрипт для вертикального меню. Он существует и для меню из этой статьи, просто я не стал приводить его. Погуглите и обязательно найдете.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.head_cutter 04.12.2010 07:47
Цитирую Wedal:
head_cutter, также, только нужно использовать скрипт для вертикального меню. Он существует и для меню из этой статьи, просто я не стал приводить его. Погуглите и обязательно найдете.

У меня уже есть в позиции user3 горизонтальное меню, нужно еще добавить в модуль left вертикальное меню, как?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 06.12.2010 05:15
head_cutter, горизонтальное и вертикальное меню практически не отличаются с точки зрения создания их в админке Joomla. Главная разница в CSS и JS, примененных к одному и к другому. Да, вы выводите новое меню в позицию "left", но этого не достаточно. Для корректного отображения к этому меню должны быть подключены собственные CSS-стили и скрипт, позволяющий ему "выпадать" красиво. Все это делается аналогично созданию горизонтального меню, описанному в этой статье, но CSS и JS будут другие. Их вы легко найдете в интернете по запросу с названием меню из этой статьи.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 29.11.2010 12:48
Я попробовал создать модуль с произвольным HTML кодом, забил туда любой ненумерованный список и все заработало! Получается модуль меню неотображает, так? Ответьте пожалуйста, забодался мучиться!!!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 30.11.2010 03:53
Bagun, вы в шаге от решения. Просто просмотрите сгенерированный код вашей html-страницы и посмотрите чем отличается код списка вашего html-модуля от кода списка меню. Если простой список работает, то логично будет привести код меню к коду этого списка по структуре.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 30.11.2010 05:52
У меня получается такой код:


и т.д.
Может это из-за класса moduletable?
А в исходнике у меня:

, это правильно? У меня joomla 1.5!!! Помогите плиз, сил моих больше нету!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 30.11.2010 05:56
У меня получается такой код:
'div id="top_menu"''div id="smoothmenu1" class="ddsmoothmenu"''div class="moduletable"''ul'
и т.д.
Может это из-за класса moduletable?
А в исходнике у меня:
'div id="top_menu"''div id="smoothmenu1" class="ddsmoothmenu"'
'jdoc:include type"modules" name="top" style="xhtml"', это правильно? У меня joomla 1.5!!! Помогите плиз, сил моих больше нету!
ps ' вместо
Ответить | Ответить с цитатой | Цитировать
+1 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 30.11.2010 06:00
Все заработало, извиняюсь за панику! Всем, Всем! в index.php при подключении позиции модуля НЕ надо писать style="xhtml", из-за этого работать не будет!!!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 30.11.2010 08:02
Я дико извиняюсь, но еще один вопрос!!!
у меня на сайте стоит модуль по выводу новостей! News Pro GK4-называется! Он использует и подгружает свой файл скриптов! при включенном Jquery скрипт новостей конфликтует со скриптом jquery и тот (новости) соответственно не работает! Как можно обойти данную фичу? Модуль новостей уж больно хорошь)))!!!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 01.12.2010 02:37
Bagun, вариантов 2:
1) погуглить по запросу jquery no conflict
2) Подобрать аналогичное меню, основанное на mootools.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 02.12.2010 08:53
А вы можете посоветовать какое-нибудь аналогичное меню mootools?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 02.12.2010 09:48
... или переписать код скрипта чтобы он работал в совместимости с mootools?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 02.12.2010 13:08
Разобрался!!! Для совместимость с mootools надо обязательно добавить в Head

"script type="text/javascript""
jQuery.noConflict();
"/script"
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 29.11.2010 11:46
Меню показывается, а выпадения нет! Я так понимаю надо создать стандартный модуль меню в Joomla, выбрать соответствующе меню, запихнуть его в эту позицию и все? Или как то по другому?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Bagun 29.11.2010 11:44
Здравствуйте! Все сделал как надо! Все файлы открываются! пробовал и так и так div class="ddsmoothmenu"
заменяем на
div id="smoothmenu1" class="ddsmoothmenu"
!!!
В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.ram2406 17.11.2010 20:37
Извините а как отключить сторонние скрипты??
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 18.11.2010 04:30
ram2406, часть скриптов подключается в шаблоне Joomla, часть подключают компоненты Joomla, а часть плагины. Что именно вы хотите отключить?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.ram2406 18.11.2010 07:40
Вау)), вот это скорость отклика)
Спасибо. Я просто не работал с Joomla!.
В принципе мне даже этой информации хватает к размышлению)
Попытаюсь отключить MooTools этим кодом

$user = JFactory::getUser();
if ($user->get('guest') == 1 or $user->usertype == 'Registered') {
$headerstuff = $this->getHeadData();
$tmp = array();
foreach ($headerstuff['scripts'] as $path=>$type) {
if ( !preg_match('#media/system/js#i', $path, $ar) ) $tmp[$path] = $type;
}
$headerstuff['scripts'] = $tmp;
$this->setHeadData($headerstuff);
}

Примечание: эту вставку сделать нужно перед позицией заголовков сайта


Мало ли может еще кому-нибудь понадобится :-)
И потом всегда можно удалить мой комент...
Еще раз спасибо!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.ram2406 18.11.2010 07:43
"Примечание: эту вставку сделать нужно перед позицией заголовков сайта..."
вставка съелась
jdoc:include type="head"
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.ram2406 18.11.2010 08:04
Вот странно все отключил, осталось
Inline script // из этой статьи
http://t.ru/templates/template_torus/mnav/jquery.min.js
http://t.ru/templates/template_torus/mnav/ddsmoothmenu.js
id="smoothmenu1" class="ddsmoothmenu"
все вроде правильно, консоль молчит, но в результате просто статичное меню и без 'мест' для картинок.
А может ли денвер блокировать выполнение скрипта?
PS извините за небольшой форум)
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.ram2406 18.11.2010 09:26
Заработало! :lol:
Хватает просто отключить монотулз... просто я в последний раз забыл отметить "показать все пункты меню". Огромное спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.kuzzzik 12.11.2010 19:32
Отличная статья! Очень рада, что набрела. Wedal, у меня first-template отображается некорректно. Так что непонятка возникла: jQuery устанавливается только поверх уже существующего выпадающего CSS меню? В других шаблонах всё работает (поверх выпадающих CSS), кроме стрелок :((.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 13.11.2010 06:29
kuzzzik, интересно. Могу пока сказать лишь про другие шаблоны. В них не работают стрелки, т.к. путь прописан для шаблона First-template. Измените путь указав в нем вместо First-template название вашего шаблона.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.joney 12.11.2010 10:39
div class="ddsmoothmenu"
заменяем на
div id="smoothmenu1" class="ddsmoothmenu"
Ответить | Ответить с цитатой | Цитировать
0 # добавляем idjoney 12.11.2010 00:40
заменяем

на

и тогда выпадающее заработает
Wedal поправьте плиз, чтобы народ не путался

и спасибо Вам за труд
Ответить | Ответить с цитатой | Цитировать
0 # RE: добавляем idWedal 12.11.2010 03:21
joney, с удовольствием поправил бы, да Jcomments съел все ваши правки. Попробуйте написать как-то по другому.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Татьяна 12.11.2010 00:02
Статья класс!!!
Всё сделала по пунктам...как доктор прописал!
В итоге потратила три часа, но меню так и не выпадает!!!!!
Я уже неделю ищю способ создания выпадающего меню и всё без толку! ПОМОГИТЕ!
p.s. КУДА ДЕВАТЬ ФАЙЛ index.html ИЗ МЕНЮШНОЙ ПАПКИ?
Заранее спасибо!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 12.11.2010 03:20
Татьяна, заметил ошибочку. Посмотрите код, где прописываются скрипты. Там не хватало названия шаблона в пути к файлам. Сейчас уже правильно.
index.html трогать не нужно. Он для примера. С ним можно сравнить исходный код вашей страницы(точнее меню) и понять что не так(если что-то не так).
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Саша 09.11.2010 19:00
Wedal! Благодарю Вас за увеличение моих познаний!
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 08.11.2010 06:54
Саша, а зачем запускать их из проводника?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Саша 08.11.2010 18:00
Опыта работы с Java- скриптами никакого, вот и решил попробовать. Судя из обсуждения статьи, у меня странная ситуация. Меню появилось и работает. Имею ввиду, что оно функционально. Нажимаешь на пункт и открывается соответствующая страница. А вот эффекта выпадающего меню - не наблюдается. Я всё проверил и перепроверил. Даже разобрался как выводить меню в разные позиции. Но добиться эффекта "выпадения" не могу. Вот и решил от безысходности запустить в проводнике. В чём может быть причина? Может надо ещё как то дополнительно настроить топ-меню (в моём случае, т.к. smooth-меню с ним связано)?
С уважением, Саша.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 09.11.2010 02:19
Саша, есть один замечательный способ, как все можно проверить.
Вот тут: http://wedal.ru/examples/menu/index.html есть работающий пример меню. Откройте его html-код, также откройте html-код вашей страницы(не шаблон, а код страницы в браузере) и сравните их.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.nartconcept 03.12.2010 04:43
надо указать ид в дивах ...

короче исправь код, на этот
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Саша 05.11.2010 16:33
кстати
когда я пытаюсь запустить файлы скриптов из проводника, то у меня выскакивают две ошибки. в файле ddsmoothmenu - строка: 16 символ: 1 ошибка: 'navigator' - определение отсутствует код:800A1391

а в файле jquery.min строка: 12 символ: 6947 ошибка 'document' - определение отсутствует код 800A1391

может причина в этом?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Саша 05.11.2010 16:18
Здравствуйте!
Почему то не появляется выпадающее меню и стрелки. проверял всё несколько раз. Ссылки на файлы в index.php прописал верно. Файлы открываются. Ссылки на картинки в файле ddsmoothmenu.js тоже прописаны правильно. В чём может быть причина?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 08.11.2010 06:50
Саша, проверьте есть ли другие скрипты, подключаемые в вашем шаблоне. Если да - попробуйте отключить их.
Ответить | Ответить с цитатой | Цитировать
0 # Market for creative peopleSvetlana 05.11.2010 13:02
Привет из Германии. Отличная статья, большое спасибо. Главное, очень подробное и понятное объяснение на нормальном русском языке. Выпадающее меню на своем сайте еще не использовала, но проверила на xampp на своем домашнем компьютере, все работает. Добавила Ваш сайт к своим фаворитам.
Желаю Вам всего хорошего
Светлана
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Right 01.11.2010 06:05
Снова здравствуйте :)
1. если убрать один слеш - файл не найден
2. м.б. надо указывать папку шаблона? "/templates/шаблон такой-то/js/jquery.min.js"
Ответить | Ответить с цитатой | Цитировать
+1 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Right 01.11.2010 07:13
сработал вот такой путь ...="/папка сайта/templates/папка шаблона/js/jquery.min.js
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Right 31.10.2010 18:51
"должны появиться добавленные нами ссылки. При этом при клике по ним должен открываться соответствующий файл." ссылки есть, но файл не найден, в чем м.б. проблема?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 01.11.2010 03:27
Right, проблема в том, что путь к файлам прописан неверно. Видимо дело в двойном слеше, только сейчас заметил, что он показан в коде примера. Ума не приложу откуда взялся, возможно глюк редактора. Исправлю.
Ответить | Ответить с цитатой | Цитировать
0 # По менюМихаил 15.10.2010 04:14
Спасибо за отклик, но в том то все и дело, в Джумла не нашел способа создать меню 3-го уровня и более. Можно создать только радел (отображается в названии блока меню), категории (отображаются в блоке в виде ссылок) и статьи (отображаются при нажатии на ссылку с названием категории). А как создать меню и привязать его к выпадающему JS с большим уровнем вложенности?

Допустим такого вида:

В блоке "Главное меню" (раздел) две ссылки "Пупсики" и "Ёжики"(категории)-нажав на "Пупсики" видим выпавшие две ссылки "Импортные" и "Отечественные" (подкатегории Пупсиков)- нажав на "Импортные" видим ссылки на статьи, посвященные импортным пупсикам.
Грубо...получается пять уровней.

Ни в одном курсе по джумла не нашел упоминания об этом, авторы умалчивают об этом. Очевидно в джумла стандартными средствами этого не добиться.
Ответить | Ответить с цитатой | Цитировать
0 # RE: По менюWedal 15.10.2010 04:54
Михаил, не путайте меню и структуру каталогов для хранения материалов, если вложенность меню Joomla неограничена, то структура каталогов, ограничивается, как вы и написали, разделом, категорией и конечной статьей. Более этого стандартными средствами Joomla создать нельзя.
Есть 2 варианта решения проблемы:
1) Использовать дополнительный компонент (Zoo, K2)
2)Использовать Joomla 1.6(правда она еще в стадии тестирования beta 11, но к новому году, думаю состоится релиз). В ней реализован функционал создания категорий неограниченной вложенности и много других полезных плюшек.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: По менюМихаил 15.10.2010 05:37
Пасибки :lol:
Чего и требовалось! Буду пробовать компоненты и ждать рабочую версию 1.6.\
Сайт добавил в закладки, чуть позже сделаю ссылочку на сайте.
Удачи!
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: По менюМихаил 15.10.2010 05:41
Меню и структуру каталогов не попутал, просто в письменной речи не объяснишь технических моментов.

Попробую поюзать ZOO и K2, может и получится то что хочу?!

Еще раз спасибо. Полезную работу делаете!
Ответить | Ответить с цитатой | Цитировать
0 # ВопросМихаил 14.10.2010 16:35
Доброго времени суток, уважаемые!
У меня вопрос, только прошу не кидаться валенками в пенсионера :-)
Подскажите "чайнику" как это работает? В меню джумла понятно - пункт меню отвечает за определенный раздел, категорию или статью, то есть получаем два уровня. А как привязать статьи или категории к выпадающему трехуровневому меню, которое вы описали выше?

То есть:

Раздел -
Категория -
Подкатегория -
Статья
Статья
Подкатегория -
.......
Категория -
.............
Перерыл и Яндекс и Гугл, но ничего толкового не нашел.
Заранее спасибо за ценный совет!
Ответить | Ответить с цитатой | Цитировать
0 # RE: ВопросWedal 15.10.2010 02:02
Михаил, не совсем понял вопрос, но:
любой уровень меню Joomla может отвечать за любой раздел, категорию или статью. Т.е. вы можете создавать сколько угодно элементов 3-го уровня вложенности меню и связывать с ними любые элементы Joomla.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Роман 14.10.2010 06:55
Тут есть еще кто или это давно все было?
Проблема у меня, вы вставляете меню в табличный шаблон, а я сделал шаблон на блоках и уже третий день не могу никак там горизонтальное меню сделать. Уже руки опустились. Помогите плиз кто нить.
ася:631329483
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 14.10.2010 14:51
Роман, я всегда тут :-). Помочь тут сложно. Нужно смотреть конкретно код, а за спасибо это вряд ли кто-то будет делать.

Вообще, разницы особой быть не должно, т.к меню строится на UL LI. Оболочка, если она правильно настроена, роли не играет.
Ответить | Ответить с цитатой | Цитировать
0 # ВопросDan 23.09.2010 17:19
Спасибо за интересную статью.
Вы очень детально описали процесс интеграции jQuery-меню в шаблон Joomla.
У меня есть к вам один вопрос. Я хочу интегрировать jQuery плагин jTip: http://www.codylindley.com/blogstuff/js/jtip/ в Joomla.
Пожалуйста скажите возможно ли это сделать и главное как? И нужен ли для этого “no conflict” плагин SC jQuery:
http://extensions.joomla.org/extensions/core-enhancements/scripts/7230

Заранее благодарю.
Ответить | Ответить с цитатой | Цитировать
0 # RE: ВопросWedal 24.09.2010 12:20
Dan, не знаю, не встречался. Просто пробуйте.
Ответить | Ответить с цитатой | Цитировать
0 # выпадаюшее менюАндрей Кляйн 22.08.2010 14:04
Спасибо за статью. ;-)
Ответить | Ответить с цитатой | Цитировать
0 # выпадающее менюsakhstudent 16.08.2010 04:30
Все намного проще. joomla сама позволяет из своей администраторской зоны сделать довольно приличное выпадающее меню. Я попробовал ваш урок, огромное вам спасибо за ваш труд. Если кому интересно как пишите на
Ответить | Ответить с цитатой | Цитировать
0 # RE: выпадающее менюWedal 17.08.2010 07:54
sakhstudent, мне интересно. Напишите ваше решение здесь, если не затруднит.
Ответить | Ответить с цитатой | Цитировать
0 # выпадающее менюsakhstudent 17.08.2010 08:10
Посмотрите пожалуйста для начала, сайт, www.sakhstudent.ru . Пункт меню работ.Я конечно ожидал другого результата, а в данном случае меню выпадает только когда пункт меню активный. Сейчас пытаюсь разобраться с кодом и хочу , скорее дело css, добиться что бы меню выпадало когда ссылка не активна.

Вообще все просто, вы создаете пункт меню и желаете от него выпадания так сказать. И здесь все просто, вы просто делаете для него родительским элементом тот пункт меню,из которого он должен выпадать. я надеюсь не открыл америку. Сам дружу с джумлой всего 4 месяца.
Ответить | Ответить с цитатой | Цитировать
-1 # выпадаюшее меню.sakhstudent 17.08.2010 08:12
Пункт меню Образцы работ. Жду ваших комментарий.
Ответить | Ответить с цитатой | Цитировать
0 # RE: выпадаюшее меню.Wedal 17.08.2010 08:30
sakhstudent, просто вы еще не совсем понимаете, о чем говорите. Если вы взяли готовый коммерческий шаблон, и в нем есть выпадающее меню, это значит лишь то, что вы взяли хороший шаблон. А вот попробуйте сделать тоже самое для шаблона rhuk_milkyway (входит в стандартную комплектацию Joomla).
Ваше меню использует яваскрипты, подключенных к шаблону и, по сути, подключается также, как и меню, описанное в этой статье. Просто в том шаблоне за вас это сделали его разработчики.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.gus2 10.08.2010 09:36
Возможно ли на чистом CSS выполнить пропорциональный ресайз фоновой картинки, чтобы она всегда закрывала весь фон? Как здесь: http://www.alexandergusev.com/
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 17.08.2010 07:53
gus2, не совсем понял, что вы имеете ввиду. Вообще, там нет никаких ресайзов. Картинка не изменяется, просто на нее поверх накладывается новый слой(DIV), который скрыт до наведения курсора.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Calelaitta 15.07.2011 06:02
Цитирую gus2:
Возможно ли на чистом CSS выполнить пропорциональный ресайз фоновой картинки, чтобы она всегда закрывала весь фон? Как здесь: http://www.alexandergusev.com/


если ты о том чтобы пирнаведнии кнопка коректно меняла бэкграунд то нужно пддинги верх и низ подогнать у a:hover
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Vladimir 29.07.2010 11:08
Очень хорошая статья, спасибо :-)
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Эх-х-х 20.07.2010 21:25
Привет! Сделал все вышеизложенное для Top Menu (которое отображает многоуровневое MainMenu). В результате получаю только первые пункты меню, а вложенные пункты не появляются при наведении мыши...Что делать? может быть какие-то особые настройки для Top Menu? JavaScrip выдает ошибку:
Ошибка: $mainmenu.parent().get(0) is undefined
Источник: ......./js/ddsmoothmenu.js
Спасибо заранее :)
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 21.07.2010 02:03
Эх-х-х, ответ здесь: http://www.dynamicdrive.com/forums/showthread.php?t=44999
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.другой санек 21.07.2010 06:09
скрипты вставил сразу и проверил доступность путей все по статье... Эх-х-х спасибо за поддержку, начал развиваться комплекс, но Ваш пост блокировал его развитие)
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.другой санек 20.07.2010 05:08
Цитирую sanyok_medved:
У меня не заработало выпадение субменю.
этот код вот как представлен заработал у кого то? и если надо что то еще менять - укажите на что обратить внимание?
при разборе ЦСС к меню то подуровень меню указан
display: none;
visibility: hidden;

где указывается в js файле чтобы подменю было display: block; ?

Заранее спасибо. интересно разобрать принцип работы кода


Присоединяюсь к Саньку, не работает выпадение меню, как только не пытался указывать путь... ткните носом плиз, спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 20.07.2010 07:54
другой санек, ох, повеселили вы меня именем своим :D . Тут ведь дело такое, тонкое. Я для того и выложил шаблон, на котором все делал, чтобы его можно было установить, разобраться как все настроено и сделать по аналогии. Подсказать что-то, зная только, что выпадение меню не работает, сами понимаете, сложно. Или пробуйте установить мой и разобраться или пишите полную и точную последовательность ваших действий, чтобы понять где ошибка.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.другой санек 20.07.2010 09:30
все файлы раскиданы стрелки в имидж, скрипты в созданную директорию js, css в сss, всего 5 файлов, используется ваш темплейт ферст-темплейт
прописанны пути в виде http://test.ru/templates/first-template/css/ddsmoothmenu.css
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 21.07.2010 01:56
другой санек, меню вывести в позиции hornav, либо создать контейнер с требуемым идентификатором и классом для другой позиции. В настройках меню:
Стиль меню - список
Всегда показывать вложенные подпункты - да.
В идеале, вы должны добиться того, чтобы код меню сгенерированной страницы Joomla совпадал с кодом примера меню, которое есть в начале статьи(если перейти по ссылке). Тогда все должно заработать.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 21.07.2010 02:05
другой санек, да, кстати, еще нужно вставить скриптик между тегами head. См. в этой статье.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.другой санек 21.07.2010 04:51
Товарищ Егор, расскажите по подробнее, что за id Вы имели ввиду, думаю дело в нем)
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Егор 16.07.2010 03:20
У меня не отображается выпадающие подменю и стрелки. Такое ощущение какбудто java-скрипт отключен(хотя это не так)
В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Егор 16.07.2010 03:26
нашёл ошибку :-)
при интеграции надо очень внимательно пути расставлять к скриптам, ато не будет отображатся подменю
и еще обязательно надо указывать id
Спасибо за статью!
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.sanyok_medved 15.07.2010 20:42
У меня не заработало выпадение субменю.
этот код вот как представлен заработал у кого то? и если надо что то еще менять - укажите на что обратить внимание?
при разборе ЦСС к меню то подуровень меню указан
display: none;
visibility: hidden;

где указывается в js файле чтобы подменю было display: block; ?

Заранее спасибо. интересно разобрать принцип работы кода
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 16.07.2010 01:31
sanyok_medved, не заработало при интеграции или в приложенном шаблоне first-template?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Nick 07.07.2010 00:18
При подключении jQuery происходят сбои mootools, в частности лайтбоксы и т.д.
Как решить??
Пример: rokbox + jQuery 1.3.2
phocagallery (с любым эффектом кроме JAKbox) + jQuery 1.3.2
Ответить | Ответить с цитатой | Цитировать
-1 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 07.07.2010 10:59
Nick, да, бывают такие проблемы, но в основном при использовании сразу нескольких навороченных скриптами, расширений Joomla. Phocagallery относится как раз к таким :-) . Тут нужно либо выбирать что-то одно, либо копаться в коде в поисках конфликтов, но это сможет сделать лишь специалист. Решать вам.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Calelaitta 15.07.2011 05:58
Цитирую Nick:
При подключении jQuery происходят сбои mootools, в частности лайтбоксы и т.д.
Как решить??
Пример: rokbox + jQuery 1.3.2
phocagallery (с любым эффектом кроме JAKbox) + jQuery 1.3.2


http://nauca.com.ua/zametki/resolve-conflicts-jquery-mootools/
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Сергей 04.07.2010 11:42
как вставить у меня эта позиция записана в таком виде: jdoc:include type="modules" name="user3" незнаю пройдет или нет вставляю без закрывающих скобок
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 05.07.2010 07:12
Сергей, в подключении меню имеет смысл только DIV с нужным классом, к который помещается позиция. Остального может и не быть.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Сергей 03.07.2010 18:09
У меня модуль меню в позиции user3


как сюда добавить
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Интеграция выпадающего jQuery-меню в шаблон Joomla.Wedal 04.07.2010 04:04
Сергей, у меня описание для позиции "hornav". Замените это название на user3 и все.
Ответить | Ответить с цитатой | Цитировать
+1 # СпасибоRudolf 27.06.2010 06:30
Спасибо очень помогли!!!
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Вверх