С помощью модуля ARI Ext Menu вы сможете легко и быстро сделать красивое меню. Для этого не надо знать никаких языковых стилей, не надо прописывать кучу строчек кода, достаточно всего лишь сделать несколько кликов мышкой и все!
ARI Ext Menu – это модуль меню Joomla, который можно настроить, как имея знания языковых стилей, так и без них. Все в нем настраивается на уровне «обезьяны», то есть достаточно просто кликать мышкой, выбирая нужные настройки. Если Вы хотите создать более красочное и современное меню, тогда придется добавить отдельные CSS настройки.
Перед тем как написать данную статью, был рассмотрен и изучен не один модуль меню Joomla. Рассматривались все возможные настройки всех модулей, простота и удобство, возможность настраивать меню так, как угодно пользователю и в итоге был выбран именно ARI Ext Menu. Возможно, не всем он понравиться, но я советую именно его.
Настройка ARI Ext Menu
Скачать модуль, вы сможете во вложении к этому посту, оно находится в конце поста. С установкой модуля проблем возникнуть не должно, поэтому сразу переходим к его настройке. Сразу после установки отправляйтесь в менеджер модулей и откройте уже созданный модуль «ARI Ext Menu». Перед тем, как приступить к его настройкам, не забудьте его опубликовать и отобразить на всех страницах, ну и естественно установить нужную позицию.
Сейчас будут подробно описаны все пункты настроек модуля, необходимые. При возникновении вопросов по настройкам, обязательно отпишитесь в комментариях к этому посту.
Menu name – Здесь выбираем созданное меню которое будет отображаться с помощью этого модуля.
Menu direction – Выбираем его направление, то есть можно сделать вертикальное или горизонтальное меню Joomla
Start level – начальный уровень.
End level – конечный уровень.
Для тех, кто не знает, что это такое? У пунктов меню Joomla, могут быть подпункты, а у них так же могут быть подпункты. Так вот каждый такой подпункт, это уровень, естественно первый уровень – это родительский пункт.
Show only active sub-menus - отображение, только активных подменю. То есть при переходе на страничку подпункт, вместо всего меню, будет отображаться, только родительский пункт с подпунктами.
Hightlight current menu item – подсветка активных пунктов меню.
Module Class Suffix – Добавить к классу меню специальный суффикс. Необходимо если вы будите отдельно добавлять, какие-то CSS настройки.
Load ExtJS library – Обязательно установите ДА. Включает необходимые JavaScript для нормальной работы модуля.
Load method – Выбор метода загрузки, тут все на ваше усмотрение.
Generate unique ID – Генерация уникально ID, на мой взгляд бесполезна, лучше отключить.
Auto width – Устанавливать автоширину для всех пунктов меню или нет. При выключенном JS не работает, как и остальные настройки этого блока.
Animate – включение красивого появления подменю.
Delay – задержка появления подменю.
Transition type – эффект появления подменю.
Transition duration – продолжительность эффекта в секундах.
z-index – для функции CSS. Если вы не знаете, как она работает, то лучше не трогать это поле.
Background color – фоновый цвет основных пунктов меню.
Text color – цвет текста
Hover background color – фоновый цвет выделенных пунктов меню
Hover text color – цвет текста выделенных пунктов меню
Current background color – фоновый цвет активного пункта меню
Current text color - цвет текста, активного пункта меню
Font size – размер шрифта
Font weight – насыщенность шрифта
Text align – выравнивание текста
Text transform – изменение текста
Use main styles – использовать настройки основных пунктов меню.
Background color – фоновый цвет подпунктов меню.
Text color – цвет текста
Hover background color – фоновый цвет выделенных пунктов меню
Hover text color – цвет текста выделенных пунктов меню
Current background color – фоновый цвет активного пункта меню
Current text color - цвет текста, активного пункта меню
Font size – размер шрифта
Font weight – насыщенность шрифта
Text align – выравнивание текста
Text transform – изменение текста
Так же под всеми настройками есть отдельное поле для CSS настроек, в котором вы можете прописать те параметры, которые не позволяют сделать стандартные настройки модуля. Как видите создание меню Joomla используя данный модуль, становиться абсолютно простым и легким.
Кстати, этого не видно на картинках, поэтому напишу отдельно. При установке цветов для текста или фона, вам не надо искать их в интернете. При нажатии на поле появляется палитра, в которой Вы сможете выбрать нужный Вам цвет и его код автоматически установиться.
Как видите, благодаря этому модулю, можно сделать выпадающее, горизонтальное, всплывающее меню Joomla, без особых усилий.
Автор: Илья Остапенко