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

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

 

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

 

Скачать Glossy Accordion Menu для Joomla 3.0

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

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

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

 

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

 

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

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

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

 

http://doma53.ru/dokumenti/dokumenti-dlya-oznakomleniya

 

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

 

 

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

 

 

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

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

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

 

 

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

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

 

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



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

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

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

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

 

http://doma53.ru/index.php?option=com_mfcfsp&content=72

 

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

 

 

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

Рассмотрим код.

 

 

 

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

 

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

Заключение



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

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

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

С уважением, Владимир Егоров