Модуль аккордеон для модулей

Модуль аккордеон для модулей

Это многофункциональный и легкий модульl для Joomla 3, который дает возможность пользователю разместить информацию в виде раскрывающихся панелей (аккордеона).

Информацию можно вставить в виде HTML кода через стандартный редактор Joomla. Модуль позволяет настроить до 10 раскрывающихся панелей.

Модуль-аккордеон можно использовать для вывода изображений, списков материалов, документов и другого контента. Существует возможность настройки цвета панелей и заголовков. В специальной секции отображаются иконки для каждой панели. Сами панели добавляются по мере появления в них содержимого.

Существует возможность подключения иконок Font Awesome 5.8.2. Если в шаблоне вашего сайта уже подключен иконочный шрифт, то эту функцию активировать не нужно. Для использования иконок достаточно добавить код иконки в специальное поле. Вместо иконок можно использовать текст или цифры.

Пример работы модуля можно посмотреть на этой странице после блока комментариев.

Источник

Модуль аккордеон для модулей

Меню в формате «аккордеон» отличается от обычных списков тем, что при нажатии на пункт раскрывается дополнительная информация или ещё один список. Такая форма предпочтительней, поскольку без необходимости не загромождает экран. Эта отличительная характеристика аккордеонного меню особенно актуальна, если сайт просматривают через мобильные устройства.

Сегодня существует множество модулей и компонентов, которые позволяют создать подобный тип меню, но не все из них имеют типичный вид. В истинном понимании аккордеон среди компонентов джумла встречается лишь среди modules для вывода контента (например, sp accordion). Так называемые «мобильные» представляют собой одну кнопку, при нажатии на которую раскрывается всё меню. Более функциональные приложения позволяют добавлять пользовательское описание, которое отображается под заголовком (не раскрывается при нажатии, а видно сразу) или даже вставить модуль joomla. А некоторые разработки выводят раскрывающийся список с красивыми иконками.

Какой выбрать вам – станет ясно после нашего обзора. Представляем топ-6 аккордеон меню для joomla 3.

Модуль AccordeonMenuCK

Интересная разработка – позволяет не просто создавать меню аккордеон joomla, а создавать пункты с картинками, пользовательским названием и описанием, со ссылками. В пункт меню можно даже вставить module joomla. Приложение позволяет настроить анимированные эффекты – различные способы раскрытия подменю.

  • Поддерживает 3.х джумла (есть версии для 2.5).
  • Отзывчивый.
  • Бесплатный (версия free, на сайте разработчика можно найти пакет pro).

Возможности

  • Описание вставляем после названия ссылки, отделяя его двумя «слэшами» (//). Модуль можно загрузить по ID (в заголовок ссылки): [modid=IDOFMODULE].
  • Изображение можно вставить с текстом или без него.
  • На одной странице можно разместить множество меню формата аккордеон.
  • Уровень вложенности может быть разный (количество не ограничено).
  • Работать с СЕО меню можно через CSS.
  • Множество предустановленных тем (с плагином Params) и возможность изменения стиля оформления.
  • Пункты меню с описанием и кнопкой далее можно создать из статей, проранжированных по дате, из статей определенной категории, из контента популярных компонентов (см. далее).
  • Интеграция с Flexicontent, Hikashop (с соответствующим патчем), Virtuemart (скачав патч).
  • Специальное меню для мобильных приложений (доступно после установки отдельного модуля).
  • Для сайтов на joomla предусмотрена дополнительная возможность для вывода: не только с помощью модуля, но в любом месте шаблона с помощью спецпозиции – «ici ‘maximenuCK’».

Настройка

Скачаем установочный файл с портала joomla.org(https://extensions.joomla.org/extensions/extension/structure-a-navigation/menu-systems/accordeon-menu-ck) и создадим меню. Для этого зайдем в модуль, перейдем сразу к вкладке Source (Источник).

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

Перейдём к эффектам, выберем один из множества эффектов перехода.

Зайдём во вкладку Styles. Если хотим выбрать один из 20 готовых шаблонов оформления, стоит установить плагин Params (достаточно выбрать наиболее подходящий для нашего шаблона, но можно произвести и более тонкие настройки стиля).

В следующей вкладке можно настроить границы, тень, отступы, углы и фон окна меню.

В других двух вкладках – стили ссылок разных уровней (1-го, 2-го и последующих).

Остальные параметры доступны после загрузки дополнительных патчей и плагина.

Получилось обычное меню, попробуем добавить описание, как советует разработчик. Для этого зайдём в менеджер меню, выберем то, которое у нас указано в качестве источника. Откроем первый пункт – Главная – и через двойной «слэш» пропишем описание. А в следующий пункт добавим модуль с помощью кода с идентификационным номером. Далеко не любой модуль можно вставить в аккордеонное меню таким способом, но некоторые всё таки работают внутри пунктов.

Разработчик предлагает получить дополнительные возможности по использованию меню «Аккордеон», скачав плагин Params или компонент «Голосование по JED». А чтобы лучше разобраться в возможностях Accordeon Menu CK, предлагает платно скачать всю документацию по модулю.

Расширение swMenuFree

Многофункциональное приложение: позволяет создавать выпадающее, адаптивное (в формате аккордеона) меню и гибридное (из названий материалов).

  • Данное приложение поддерживает joomla 2.5-3.х (есть версии для 1.5 и для 1.0).
  • Отзывчивое.
  • Бесплатное (версия free, на сайте разработчика можно найти пакет pro).

Обзор настроек и возможностей:

  • Несколько языковых пакетов, включая русский (к сожалению, не всегда срабатывает).

  • В настройках можно задать источник – меню из тех, что уже созданы стандартными способами либо «Usecontent» (Использовать только контент). В последнем случае необходимо также активировать гибридное меню.

  • Множество настроек для точечных изменений стиля (шрифты, оформление углов, границ, цвета, изображения, тень, границы).

  • Перед или после пункта меню можно поместить пользовательский код cssили html.

  • Функция предварительного просмотра (отображает последние изменения) – удобно при работе.

  • Настройки для «адаптивного» меню (отображение на мобильных устройствах в формате аккордеона).

  • Горизонтальная и вертикальная ориентация.

  • Интеграция с Virtuemart.
  • Обновляется до следующей версии без потери настроек.

Настроим меню и опубликуем через активацию соответствующего модуля.

Единственный минус расширения – отсутствие поддержки и демо (имеется лишь сложная видео инструкция не на русском языке).

Модуль Simple Responsive Menu

SRMenuавтоматически (при изменении размеров экрана, браузера) убирает все пункты, прячет их под одной кнопкой. Работает только на адаптивном шаблоне джумла.

Настройки

Настроить можно ширину экрана, при которой развернутое меню должно свернуться. А также указать место, где должна расположиться кнопка.

Первым делом укажим источник, выберем уровни отображения и перейдём в последнюю вкладку – настройки адаптивности.

Приложение эффективно выполняет своё назначение и оправдывает название – Simple: настройка производится быстро.

Модуль Floating Buttons

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

  • Имеется в свободном доступе (лицензия GPLv2).
  • Подходит для Joomla 3.x.
  • Адаптивный.

Скачаем здесь: https://extensions.joomla.org/extensions/extension/style-a-design/modules-panel/floating-buttons. Установим и зайдем в автоматически созданный модуль FloatingButtons. Здесь можно настроить стиль, цвета, иконку, разрешить показывать на всех устройствах, либо только на мобильных. А также прописать для каждого пункта заголовок, url, выбрать для них иконку и цвета.

Модуль JF Mobile Bar

Назначение модуля соответствует названию, но JFMobileBarбольше, чем меню для мобильных устройств – оно работает и на планшетах, и на смартфонах, и на ПК.

  • Последняя версия предназначена для joomla 3.x, предыдущая – 2.5.
  • Распространяется бесплатно.
  • Отзывчивый красивый дизайн.

Возможности и настройка

Модуль позволяет создавать многоуровневое меню с выпадающими списками, которое складывается как аккордеон и прячется под одну кнопку.

Цветовое оформление можно менять. Доступны иконки.

Поддерживает расширения для соцсетей – EasySocialи JomSocial (можно добавлять ссылки на профили). Но для них требуется установка спецмодулей.

Ссылка на установочный файл: https://extensions.joomla.org/extensions/extension/structure-a-navigation/menu-systems/jf-mobile-menu. Все настройки в первой вкладке модуля: источник, название меню, размеры, при которых будет отображаться аккордеонное меню, цветовое оформление, названия пунктов, иконки.

После настроек получаем одинаковый вид на компьютере, планшете и смартфоне (если в параметре Show on device указали All, а если любую из других настроек — на компьютере меню будет отображаться полностью, не аккордеоном).

После изучения наиболее популярных разработок становится ясно, что под accordion menu joomla чаще понимают «мобильные» меню, реже раскрывающиеся (ниспадающие) списки. При этом каждый модуль или компонент имеет свои плюсы и оказывается очень кстати на сайтах определённой тематики.

Модуль DJ-SelectMenu

Простая, но уникальная разработка. Позволяет выводить пункты списком (выпадающее меню).

  • Лицензия GPLv2 (free).
  • Адаптивный.
  • Для версий 2.5-3.х (последнее обновление в январе 2016 г.)

Источник

WS-Accordion — модуль с эффектом аккордеона для Joomla 3

Перед вами полнофункциональный Joomla Scroll-to-top модуль аккордеона с большим количеством опций для управления содержимым. Вы можете настроить до 20 элементов аккордеона в модуле, по словам авторов этого достаточно, чтобы дать вам возможность создавать приятное содержимое на странице Joomla.

Особенности WS-Accordion:

  • Адаптивный. Этот аккордеон Joomla работает на всех устройствах, таких как настольные компьютеры, планшеты, такие как iPad и смартфоны, такие как iPhone. Размер и дизайн подходят для вашего экрана.
  • Панель администратора. В новой панели администратора внутри Joomla Backend добавлено много новых вариантов для управления портфолио, а также заголовками и текстами, которые помогут вам настроить портфолио Joomla течение нескольких минут.
  • Переключатель. На выбор пользователя — использовать эффект переключения или нет. При активации открывается только один элемент, если нажать другой, предыдущий будет закрыт.
  • Scroll to Top. Если элемент открыт, перейдите к верхней области просмотра, чтобы вы всегда находились в окне Просмотра того, что открыто. Данную опцию невозможно выключить.
  • Встроенные стили. С помощью этого параметра вы можете выбрать внешний вид вашего замечательного модуля Joomla аккордеона, также очень легко интегрировать свой собственный стиль.
  • Arrow Styles. Разработчики включили 10 различных стилей стрелок, чтобы вы могли выбрать, или просто попробуйте создать свой собственный стиль, установить скорость и градусы вращения, которые лучше всего подходят.
  • Анимация. Конечно, вы можете выбрать из многих стилей анимации jQuery и установить продолжительность их времени. Выбирайте из всей библиотеки jQuery анимации.
  • Размер шрифта. Введите значение размера шрифта для «обычного» режима аккордеона, а также для адаптивного просмотра аккордеона, который активируется на меньших устройствах.
  • Запрос загрузки. Чтобы избавиться конфликтов, в модуль интегрировано много способов загрузки скриптов jQuery в ваш шаблон, это очень просто.

Источник

Читайте также:  Удмуртские танцы ноты для
Оцените статью