Модули аккордеон для джумла

Модули аккордеон для джумла

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

Сегодня существует множество модулей и компонентов, которые позволяют создать подобный тип меню, но не все из них имеют типичный вид. В истинном понимании аккордеон среди компонентов джумла встречается лишь среди 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 г.)

Источник

JA Accordion v2.6.0 — модуль аккордеона для Joomla

JA Accordion используется для отображения выбранного контента с применением эффекта аккордеона. Модуль поддерживает множество типов контента: статьи и модули. Как администратор вы можете указать число отображаемых записей, обрабатываемое событие (неведение курсора или щелчок мыши). Вы также можете указать показывать ли избранные статьи или нет.

Основные функции:
— Поддерживает множество типов контента. Модуль позволяет отображать статьи путем добавления идентификатора статьи или статей из выбранной категории. Касательно модулей вы можете выбрать отдельные модули либо модули из определенной позиции.
— Отображение выбранного контента с применением эффекта аккордеона. Модуль покажет выбранный контент в аккордеона с применением эффекта выбранного в админ-панели.
— По умолчанию поддерживается множество эффектов. JA Accordion идет в комплекте с множеством типов эффектов. Все что вам нужно, это перепробовать все один за другим, пока вы не найдете тот, который хотите применить для модуля. Эффект сделает оформление модуля более впечатляющим.
— Наведение курсора или щелчок мыши. Записи в аккордеоне могут раскрыться когда пользователь наводит на них курсор или кликает по ним. Один клик и все готово.
— Полный текст или вводный текст. Каждая отображенная в модуле запись будет содержать заголовок, изображение и описание. Описание может содержать полный текст статьи или только анонс.

Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных

Источник

Модули аккордеон для джумла

Категории

Мы принимаем:

Новости

С 3 июня 2020 года компонент Запись на прием является частью сервиса WEB RECORD

Для скачивания и последующей установки компонента «Запись на прием», необходимо перейти на сайт web-record.ru, зарегистрироваться в личном кабинете и получить дистрибутив.

Как вывести контент «аккордеоном» на сайте под управлением Joomla 3.0

• » onclick=»window.open(this.href,’win2′,’status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no’); return false;» rel=»nofollow»> Печать
• E-mail

Подробности Категория: Для тех кто делает Интернет Опубликовано: 16.10.2014 04:40 Автор: Владимир Егоров Просмотров: 7349

Как мало места на странице сайта и как много нужно туда вместить. Одним из вариантов компактного размещения контента, являются так называемые «аккордеоны». Под Joomla 1.5 существовал замечательный плагин, позволяющий внедрить в статью разного рода информацию, которая по умолчанию была скрыта, а выводилась при нажатии на соответствующие кнопки. Плагин назывался Glossy Accordion Menu. К сожалению, автор данного расширения приостановил развитие проекта. Однако, мы портировали данный плагин под Joomla 3.0 и в связи с этим я хотел бы рассказать пару слов о нем.

Загрузить Glossy Accordion Menu для Joomla 3.0 можно по следующей ссылке:

Устанавливается плагин стандартно, через менеджер расширений Joomla. После инсталляции необходимо включить его в менеджере плагинов.

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

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

Вариант 1. Как вывести несколько изображений аккордеоном

Рассмотрим пример из реальной жизни. Есть сайт, где нужно вывести несколько достаточно больших по размеру изображений на одной странице. В данном случае – это сканы документов организации.

Как нельзя лучше для этой цели подходит плагин Glossy Accordion Menu.

Начнем сразу с результата. Перейдем непосредственно на сайт по ссылке:

Мы видим несколько кнопок, нажатие на каждую раскрывает соответствующее изображение. Такой формат отображения стал возможен благодаря плагину Glossy Accordion Menu.

Теперь отправимся в админ панель сайта и посмотрим – как организовано сие. Для этого в менеджере материалов открываем соответствующую статью на редактирование. И наблюдаем следующее:

Весь этот текст должен вводиться в режиме визуального редактора, ни в коем случае не нужно переходить в режим правки HTML кода!

Итак, что же мы увидели?

Весь контент, который должен обрабатываться плагином Glossy Accordion Menu облечен тегами:

Текст кнопки вводится без каких либо тегов, а вот содержимое, которое выводится при нажатии на кнопку должно начинаться с символа «-»

Содержимое может вводиться, как обычным текстом, так и html тегами. Поскольку в данном случае идет речь о выводе картинок аккордеоном, то выводимое содержимое в моем случае представлено тегом img , который выводит необходимое изображение.

Вариант 2. Как вывести несколько модулей аккордеоном

Тот, кто достаточно давно работает с Joomla, знает, что при желании можно вывести содержимое модуля в контенте.

Благодаря плагину Glossy Accordion Menu, мы это можем визуально оформить в виде аккордеона.

Начнем, как всегда, с реального примера.

Перейдем на эту страницу:

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

На самом деле каждая из кнопок выводит содержимое определенного модуля.

Как мы видим, код ничем не отличается от предыдущего варианта, где мы просто выводили изображения, за исключением одного – в качестве содержимого на этот раз выступает содержимое модуля.

В данном случае первая кнопка выводит содержимое модуля из позиции «bas3», вторая кнопка выводит модуль из позиции «dopuslugi»

Заключение

Glossy Accordion Menu – портирован нами для Joomla 3.0, как системный плагин. Это означает, что он может использоваться не только в стандартных материалах, но во всех компонентах, которые поддерживают ввод и вывод контента.

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

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

Источник