З цього туторіал Ви дізнаєтеся, як працювати з Ice Mega menu в Joomla 3.x.
На скріншоті нижче Ви можете бачити, що пункт меню «Домашня сторінка» (Home menu) є батьківським, інші пункти меню є підменю «Домашньої сторінки»:
Це меню відображається за допомогою модуля IceMegaMenu. Ви можете знайти цей модуль у вкладці Розширення -> Менеджер модулів (Extensions -> Module manager) у вашій адмін панелі Joomla:
Відкрийте модуль IceMegaMenu. Найважливішою опцією є Вибрати меню (Select Menu). Ця опція визначає, яке меню Joomla буде використовувати даний модуль:
Перейдіть на вкладку Меню (Menu) і відкрийте відповідне меню. У нашому випадку це Головне меню (Main Menu). Ви можете відкрити його, перейшовши на вкладку Меню -> Головне меню (Menus -> Main menu). Ви можете бачити батьківський елемент меню Головна сторінка (Home) і його підміню:
Відкрийте меню. Ми відкрили меню Домашня сторінка (Home). Перейдіть в розділ Параметри IceMegaMenu (IceMegaMenu Parameters). Тут ви можете відрегулювати налаштування MegaMenu. Ви можете встановити кількість колонок для підміню, ширину меню, що випадає, ширину колонки і число елементів в колонці:
В поле Ширина колонки (Column Width) Ви можете вказати ширину для кожної колонки в процентах. Ми можемо бачити 5 колонок. Змінимо ширину першої і останньої колонки. Ми змінили значення з 17.5%. 17.5%, 17.5%, 17.5%, 30%, 100% на 10%, 17.5%, 17.5%, 17.5%, 37.5%, 100% і зберегли зміни:
Оновлення сторінку, щоб побачити зміни в меню. Ми можемо бачити, що ширина першої і останньої колонки змінилася (скріншот нижче показує це):
Давайте змінимо настройки для меню Про нас (About):
Відкрийте це меню в менеджері меню. Відкрийте секцію Параметри IceMegaMenu (IceMegaMenu Parameters). Ми можемо бачити число колонок і ширину в пікселях:
Змініть Ширину меню, що випадає (Dropdown Width). Зробіть те ж саме для Ширини колонки (Column Width). Ми встановили значення 220px.
Збережіть зміни. Оновлення сторінку. Ми збільшили ширину підміню. Ви можете відрегулювати ці настройки для кожного меню і підміню: