В контекстном меню слева переходим в раздел
Модули / Расширения -> Модули / Расширения -> MegaMenu и нажимаем на кнопку редактировать.
На странице редактирование меню нужно обратить внимание на верхнюю часть страницы. См. ниже
Разбираем пункты:
Edited Module – Изменить модуль. По умолчанию стоит Default(базовый) если нажать на него то меню раскроется. См. ниже
В выпавшей части есть два пункта Default и Vertical MegaMenu то-есть по факту это 2-ва меню которые отображаются на сайте.
Следующий раздел Edit Menu – редактировать меню, служит для внесения изменений в уже существующие меню.
Далее идет раздел Add Menu – добавить меню, служит для создания нового меню.
И последний раздел Delete Menu – удалить меню, служит для удаления меню. Что бы удалить конкретное меню нужно выбрать его в разделе Edited Module и нажать Delete Menu.
Настройка меню Default
Нижняя часть страницы редактирования MegaMenu состоит из двух частей.См. ниже
В правой части страницы есть раздел Basic Configuration – это базовые настройки меню.
Разберем!
Add New Item – отвечает за создание раздела меню. После нажатия на Add New Item в правой части страницы появится форма для создания раздела меню.
Для редактирования раздела нужно нажать на рисунок карандаша, после чего в правой части страницы откроется форма редактирования.
Для удаления нужно нажать на рисунок крестика.
Нажимаем Add New Item в правой части формы создания раздела.
Настраиваем раздел.
В верхней части страницы редактирования в вкладке Edited Module выбираем Vertical MegaMenu.
Если такового нет, нажимаем кнопку Add Menu в появившемся окне пишем название нашего меню и нажимаем кнопку Add skin. См. ниже
Пример:
В появившемся окне пишем название меню, например “MyHorizontalMenu” и нажимаем кнопку Add skin.
После чего наше меню будет добавлено.
В вкладке Edited Module выбираем только что созданное меню и нажимаем на кнопку Edit Menu. См. ниже
После проделанной операции откроется базовая страница редактирования(описание по настройке смотреть в разделе Настройка меню Default).
Далее нужно добавить раздел меню нажав на кнопку Add New Item( описание по добавлению и настройке смотреть в разделе Create New Item– создание нового элемента).
Таким образом нужно создать несколько разделов но нужно понимать что для выпадающего меню надо создавать раздел и подразделы.
Пример:
Нужно создать раздел “Женщинам” это будет главный раздел меню.
И создать 2 подраздела “Тип одежды (В поле Name пишем Type Clothes)” и “Производители(В поле Name пишем Brand”. См. ниже
Вид меню на сайте.
В процессе создания нужно заполнять только поля Name.
Должно получиться так:
Для создания выпадающего меню, разделы Type Clothes и Brand нужно прикрепить к главному разделу “Женщинам”.
Наводя указатель мышки на раздел Type Clothes нужно зажать правую кнопку и потянуть в право. См ниже
Как только раздел Type Clothes приобретет серый цвет нужно отпустить левую кнопку мыши. Также в разделе “Женщинам” появиться знак -. Тоже самое проделать со вторым разделом Brand.
Должно получится:
Здесь буду описаны настройки только для пункта Content item.
По факту страница на сайте где будет отображаться меню имеет сетку расширением 12 колонок. См. ниже
Для того что бы меню отображалось корректно нужно попадать в диапазон 12-ти колонок.
В разделе “Женщинам” на странице редактирования нужно найти строку с названием Content width и установить значение 4/12 то - есть меню будет занимать 4 колонки из 12, остается 8 колонок под контент, но все зависит от места в котором будет отображаться меню, в данном случае меню находится в левой части сайта и размер 4/12 нас устроит.
В разделе “Type Clothes” и ”Brand” на странице редактирования также нужно найти строку с названием Content width и установить в значение 6/12, то –есть так как в выпадающем меню будет состоять из 2-х подразделов то разделив сетку 12/12 на 2-ва подраздела мы получим размер по 6/12 в каждом подразделе.
Визуальное представление колонок готового меню на сайте.
На данный момент отображения продуктов не будет, их нужно добавить.
В разделе страницы редактирования Content item для разделов
Type Clothes
Brand
В пункте Content Type из выпадающего меню выбираем
Product – аналогично Products только для одного товара.
Products – настройка.
. См. ниже
Ниже открывается раздел редактирования продукции. См. ниже
Настройка:
Heading title – заголовок. Например “Джинсы”/
Add products – если база данных сайта наполнена продуктами выбираем из списка. Кол-во добавлений неограниченно.
Sort products – здесь отображаются уже добавленные продукты и порядок их сортировки. Порядок сортировки можно изменять перемещая продукты вверх или вниз при помощи мышки.
Number of product in row – кол-во отображаемы продуктов, по умолчанию ставим 1.
Product image dimensions (px) – размер картинок в пикселях.
Если в пункте Content Type из выпадающего меню выбрать HTML
То ниже появиться форма для внесения в нее HTML – кода. Только для опытных пользователе, но именно с помощью данного типа наполнения информации создается меню категорий по типу. См. ниже
И последний тип выпадающего меню пункта Content Type.
LINKS – ссылки.
В данном типе можно настроить отображение ссылок на товары. См. ниже
После того как выбран тип LINKS в нижней части раскроется пункты настройки ссылок.
Настроим:
Add categories – выбираем категории с их подкатегориями если таковые добавлены в базу сайта.
Add Links – добавить ссылку на категорию если создавали сами, если выбрали из базы то ссылка сформируется автоматически.
Sort categories, links – сортировка категорий ссылок, то как будут отображаться.
Если надо изменить порядок просто нужно перетащить мышкой нужную категория в нужное место.
Colums – в сколько колонок отображать ссылки. По умолчанию 1.
Submenu Type – тип подменю. По умолчанию ставим Hover.