Мега Меню Документация
Установка Модуля – вверх
1. Загрузка
- Скачайте модуль
- Перейдите в Панель Администратора > Модули > Управление модулями
- Нажмите на [+] чтобы открыть диалоговое окно загрузки
- Выберите удобный для вас способ:
– Загрузить: zip архив храниться на вашем компьютере
– Сервер: zip архив храниться на вашем сервере
– URL: у вас есть прямая ссылка на zip архив - После того как вы выбрали zip архив для соответствующей версии CS-Cart, пожалуйста, нажмите кнопку Загрузить и установить
- Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш
2. Активация лицензии
- Откройте страницу настроек модуля Панель Администратора > Модули > Управление модулями >
[TH] Мега Меню - Во вкладке Активация введите Номер лицензии
- Сохраните настройки и вернитесь на страницу Управление модулями
- В строке с названием модуля, выберите Вкл.
- Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш
Шаги после установки модуля – вверх
После того как модуль установлен вам необходимо выполнить следующие шаги:
- Создать и настроить меню – Настройки меню
- Создать и настроить блок в макетах – Настройки блока
- При необходимости настроить цветовую схему меню – Изменение цветовой схемы
- Для удобства вы можете установить один из демо примеров и на его основе сделать своё меню
- Для автоматического заполнения пунктов дерева элементов нужно заполнить категории
Для лучшего понимания работы модуля вы можете посетить админ панель с демо примерами
Так же обратите внимание что у модуля есть ряд ограничений – Ограничения в работе
Мы планируем решить их в будущих версиях, при желании вы можете ускорить этот процесс
Настройки меню – вверх
Для того что бы создать Мега Меню
- Перейдите в Панель Администратора > Дизайн > Меню
- Нажмите [+] для того что бы открыть диалоговое окно “Новое меню”
- Введите название и нажмите Создать
- Выберите созданное меню
- Нажмите на кнопку [+], чтобы открыть диалоговое окно “Добавить запись(-и)”
Модуль Мега Меню заменяет стандартный редактор элементов меню, но вы попрежнему можете использовать его. Просто в настройках меню выберите тип Default
Элементы меню имеют следующие тип контента
первый уровень:
- По умолчанию, варианты заполнения:
- Список
- Колонки – выпадающий блок на всю ширину, блоки равной ширины
- Flex колонки – выпадающий блок на всю ширину, ширина блока зависит от контента
- Дерево – заполняется автоматически из категорий или в ручную
- Логотип магазина
- Поле поиска
- Корзина
- Ссылка на корзину
- Профиль
- Отложенные товары
- Список сравнения
- Переключатель языков
- Переключатель валют
второй уровень (отображается не для всех типов контента первого уровня):
- По умолчанию
- Wysiwyg – текстовой пункт с поддержкой Wysiwyg и возможностью задать блоки из макетов
- Smarty – текстовой пункт с поддержкой Sarty
- Второй уровень 2 – используется для дерева элементов, возможно указать колонки и иконки
Настройки блока – вверх
После, когда меню готово, перейдите Панель Администратора > Дизайн > Макеты и создайте блок Мега меню в его настройках выберите ранее созданное меню
У блока есть следующие настройки:
- Фокусировка на меню – добавляет затемнение сайта при наведении на меню
- Фиксированное меню – фиксирует меню при прокрутке
- Вся ширина – возможно расширить меню на весь экран или его фон
Демо примеры – вверх
В модуле есть возможность установить варианты меню представленные на демо
Для этого после того как модуль был активирован перезагрузите страницу и в настройках модуля выберите секцию Demo и установите понравившийся вариант
После установки меню появится в Админ панель > Дизайн > Меню
Для отображение его на витрине магазина, нужно выбрать это меню в блоке и настроить его
Настройка блоков для демо примеров можно посмотреть в админке демо
Изменение цветовой схемы – вверх
- Перейдите в Панель Администратора > Модули > Управление модулями > [TH] Мега Меню
- После редактирования сохраните изменения, нажав Сохранить
PHP-хук для добавления логики – вверх
Чтобы добавить пользовательскую логику к элементам мегаменю, используйте следующий хук:
fn_set_hook('change_mega_menu_item', $menu_item);
Хуки для новых вариантов отображения – вверх
Чтобы добавить новые варианты отображения элементов меню, используйте следующие хуки:
{hook name="ath_mega_menu:drop_down_type__l1"}{/hook}
{hook name="ath_mega_menu:content_type__l2"}{/hook}
Хук для фронтенда – вверх
Для вывода на фронтенде используйте этот хук:
{hook name="ath_mega_menu:item_l1__content_type"}{/hook}
Класс для авторизованных пользователей – вверх
Когда пользователь авторизован, к меню добавляется класс mm1--auth
. Также текст “Account” меняется на имя пользователя или адрес электронной почты.
Интеграция с модулем Fast Cart – вверх
Для интеграции с модулем Fast Cart добавьте блок корзины из модуля Fast Cart на любую страницу, содержащую меню с корзиной. Разместите блок корзины сразу после блока меню.
Ограничения в работе:
- Для вертикального дерева элементов требуется что бы был соответствующий элемент в основном меню
Изменение CSS – вверх
Файлы стилей не должен быть изменены, это может привести к некорректной работе модуля. Если необходимо переопределить или добавить стили, пожалуйста, используйте Редактор тем
- Перейдите в Дизайн > Темы
- Нажмите кнопку Редактор тем рядом с активным макетом
- В новой вкладке, вы увидите свой магазин с панелью Редактор тем
- В выпадающем списке РЕДАКТИРОВАТЬ выберете Пользовательские CSS
- В текстовое поле вы можете добавить свои стили
- После редактирования сохраните изменения, нажав Сохранить и нажмите [X] чтобы закрыть редактор
Список изменений
5.11 (31 Oct 2024) Добавлена интеграция с модулем FastCart Добавлена интеграция с модулем Оплата продавцам напрямую Добавлены новые элементы для мобильного вида Улучшения в стилях Улучшения в шаблонах Добавлены хуки 5.10 (13 May 2024) Исправления в системе обновлений Исправлены ссылки для вида категории на всю ширину (для страниц) Добавлены кнопки вендора в профиль Исправления в стилях и шаблонах Исправлен баг инициализации 5.09 (01 May 2023) Улучшено мобильное отображение 5.08 (10 Jan 2023) Улучшения в стилях (лого) Улучшения в шаблонах и скриптах Улучшения в PHP скриптах Обновлена лицензионная система (www - не учитывается) 5.07 (23 May 2022) Исправления в PHP скриптах Обновлены языковые переменные 5.06 (18 Feb 2022) Исправления в стилях Добавлен новый вертикальный блок Обновлены языковые переменные 5.05 (28 Dec 2021) Обновленные скрипты Обновленная лицензионная система 5.04 (14 Oct 2021) Прозрачный фон для домашней страницы Разделитель Вид кнопки входа для не автаризированных пользователей Максимальная ширина для логотипа 5.03 (14 Mar 2021) Интегрировали систему обновления через Центр Обновлений 5.02 (22 Dec 2020) Обновили модуль для совместимости с CS-Cart 4.12.1 Требуется переустановка модуля для CS-Cart Multivendor Ultimate Добавили поддержку CS-Cart Multivendor Ultimate 5.01 (20 Apr 2020) Исправления в стилях Обновлены языковые переменные 5.00 (09 Mar 2020) Добавили возможность вывода SMARTY блоков Добавили возможность вывода блоков из макета Можно создавать несколько меню Добавили пункт корзины ссылкой Вид "дерево" теперь можно заполнять вручную Баннеры для вида "дерево" заменены текстовыми Перенесли настройки из блока в пункты меню Обновили стили Обновили бекенд модуля 4.08 (19 Nov 2019) Исправили баг для макетов на всю ширину 4.7 (04 Nov 2019) Добавили возможность указывать положение логотипа на мобильном виде Добавили кнопку выбора на каких устройствах отображать пункты меню, как в блоках Поиск на мобильном виде теперь сразу выбирается при открытии Для неавторизованных пользователей в аккаунте можно оставить только кнопки 4.6 (06 Sep 2019) Изменения в стилях (убрали less функцию lighten) Улучшили отображение для категорий с длинным названием на мобильном виде Улучшили отображение для категорий с длинным названием на десктопе для вида "все категории" 4.5 (11 Jul 2019) Исправлен баг для варианта когда фон не на всю ширину 4.4 (28 Jun 2019) Добавлена возможность выбора вариантов отображения поиска для мобильного вида (выпадающий/скрытый в выезжающем меню) Улучшена работа с планшетами Исправлен баг для отложенных товаров Исправлен баг для списка сравнений Добавлена поддержка модуля авторизации через соц сети Исправления в стилях 4.3 (10 Feb 2019) Исправлен баг в масонри Исправления в выпадающем списке 4.2 (01 Nov 2018) Удаление настройки с изображением картинок Исправление для варианта на всю ширину 4.1 (15 Oct 2018) Изменение языковых переменных Добавлена возможность смены меню в админ панели для поддержки других компаний (Unitheme) Обновление масонри Возможность смены кнопки назад на название категории для мобильного вида 3.6 (09 Jul 2018) Изменения в js и стилях Исправлено отображения третьего уровня меню на телефонах 3.5 (04 Jul 2018) Изменен маоснри и языковые переменные Исправления в стилях 3.4 (8 Jun 2018) Переработаны стили для выпадающего списка - все категории Добавлена возможность убрать ссылку с "все категории" Сетка заменена на плитку для выпадающего списка - все категории Возможножность убрать изображения для категорий в типе "все категории" Исправлена js ошибка с пунктом аккаунт На мобильном виде можно отобразить категории сразу На мобильном виде возможно категории первого уровня сделать открывающими подкатегории, а не ссылками В конце списка для типа "все категории" возможно добавить свои ссылки (без иконки) 3.3 (26 Apr 2018) Изменено отображение логотипа магазина, добавлена возможность менять 3.2 (18 Apr 2018) Копирование языков для демо мега меню 3.1 (3 Apr 2018) Переключатель языков на десктоп версии Переключатель валют на десктоп версии В лицензии поддержка Multi-Vendor 3.0 (7 Dec 2017) удален тип контента Иконка добавлена возможность добавлять и заменять иконки для предустановленых элементов фокусировка на меню как на Amazon задержка при открытии выпадающих списков изменены языковые переменные добавлена корзина добавлен профиль добавлен вишлист добавлен сравнить товары возможность не скрывать иконки корзины, профиля, листана сравнения и вишлиста на мобильном виде добавлен стиль "таблица (Walmart)" установка демо 2.2 (28 Nov 2017) исправление фокусировки на меню 2.1 (31 Octb 2017) поддержка тем поддержка вендоров для ультимейт 2.0 (11 Octb 2017) иконка переписан способ сохранения настроек (bd, php) изменена структура шаблонов (tpl) добавлен вид для категорий вне полного дерева категорий 1.4 (8 Octb 2017) добавил RTL фон на всю ширину логотип фиксы 1.3 (28 Sept 2017) исправил баг для обычных колонок (отображение 3го уровня) добавил на всю ширину для стики 1.2 (31 Aug 2017) дополнительный блок для вертикального отображения дерева категорий пункт поиск в меню улучшено взаимодействие с тач устройствами 1.1 (6 Jul 2017) фиксация меню при прокрутке настройки цвета переключение изображений для категорий 3 уровня фокусировка на меню при наведении