[обновляется]
Мега Меню Документация

Установка Модулявверх

1. Загрузка

  1. Скачайте модуль
  2. Перейдите в Панель Администратора > Модули > Управление модулями
  3. Нажмите на [+] чтобы открыть диалоговое окно загрузки
  4. Выберите удобный для вас способ:
    Загрузить: zip архив храниться на вашем компьютере
    Сервер: zip архив храниться на вашем сервере
    URL: у вас есть прямая ссылка на zip архив
  5. После того как вы выбрали zip архив для соответствующей версии CS-Cart, пожалуйста, нажмите кнопку Загрузить и установить
  6. Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш

2. Активация лицензии

  1. Откройте страницу настроек модуля Панель Администратора > Модули > Управление модулями >
    [TH] Мега Меню
  2. Во вкладке Активация введите Номер лицензии
  3. Сохраните настройки и вернитесь на страницу Управление модулями
  4. В строке с названием модуля, выберите Вкл.
  5. Очистите кэш, выберите Администрирование > Хранилище данных > Очистить кэш

Шаги после установки модулявверх

После того как модуль установлен вам необходимо выполнить следующие шаги:

Для лучшего понимания работы модуля вы можете посетить админ панель с демо примерами

Так же обратите внимание что у модуля есть ряд ограничений – Ограничения в работе
Мы планируем решить их в будущих версиях, при желании вы можете ускорить этот процесс


Настройки меню вверх

Для того что бы создать Мега Меню

  1. Перейдите в Панель Администратора > Дизайн > Меню
  2. Нажмите [+] для того что бы открыть диалоговое окно “Новое меню”
  3. Введите название и нажмите Создать
  4. Выберите созданное меню
  5. Нажмите на кнопку [+], чтобы открыть диалоговое окно “Добавить запись(-и)”

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

Элементы меню имеют следующие тип контента
первый уровень:

  • По умолчанию
  • Все категории
  • Логотип магазина
  • Поле поиска
  • Корзина
  • Профиль
  • Отложенные товары
  • Список сравнения
  • Переключатель языков
  • Переключатель валют

второй уровень (отображается не для всех типов контента первого уровня):

  • По умолчанию
  • Текст (wysiwyg)

 

 


Настройки блока вверх

После, когда меню готово, перейдите Панель Администратора > Дизайн > Макеты и создайте блок Мега меню в его настройках выберите ранее созданное меню

Важно! Мега меню предназначено для основного меню сайта, потому использовать можно только одно меню данного вида.

У блока есть следующие настройки:

  • Язык – добавляет переключатель языка на мобильный вид
  • Валюта – добавляет переключатель валюты на мобильный вид
  • Фокусировка на меню – добавляет затемнение сайта при наведении на меню
  • Фиксированное меню –
  • Вся ширина
  • Заменить “Назад” на название категории
  • Ширина изображения
  • Высота изображения

Настройки для вида Все категории, действуют если есть элемент

  • Все категории | Количество категорий 1го уровня
  • Все категории | Количество категорий 2го уровня
  • Все категории | Количество категорий 3го уровня
  • Все категории | Показывать категории сразу на мобильном виде
  • Все категории | Убрать ссылку
  • Все категории | Первый уровень открывает дочерние
  • Все категории | Скрыть изображения категорий

 


Настройки категории вверх

Настройки категорий


Демо примеры вверх

В модуле есть возможность установить варианты меню представленные на демо
Для этого после того как модуль был активирован перезагрузите страницу и в настройках модуля выберите секцию Demo и установите понравившийся вариант

После установки меню появится в Админ панель > Дизайн > Меню
Для отображение его на витрине магазина, нужно выбрать это меню в блоке и настроить его как описано ниже

Настройка блоков для демо примеров:

  • Demo: Minimal (Walmart)
  • Demo: Full Width (Amazon)
  • Demo: Icons (Old demo)
  • Demo: Categories (CS-Cart default)

 


Изменение цветовой схемы вверх

  1. Перейдите в Панель Администратора > Модули > Управление модулями > [TH] Мега Меню
  2. После редактирования сохраните изменения, нажав Сохранить


Ограничения в работе:

  • Меню разработано как основное, потому корректно работает только одно меню на странице
  • Секция “Все категории” заполняется автоматически и отображает список категорий
  • Для вертикального дерева категорий требуется что бы был соответствующий элемент в основном меню

Изменение CSS вверх

Файлы стилей не должен быть изменены, это может привести к некорректной работе модуля. Если необходимо переопределить или добавить стили, пожалуйста, используйте Редактор тем

  1. Перейдите в Дизайн > Темы
  2. Нажмите кнопку Редактор тем рядом с активным макетом
  3. В новой вкладке, вы увидите свой магазин с панелью Редактор тем
  4. В выпадающем списке РЕДАКТИРОВАТЬ выберете Пользовательские CSS
  5. В текстовое поле вы можете добавить свои стили
  6. После редактирования сохраните изменения, нажав Сохранить и нажмите [X] чтобы закрыть редактор

Список изменений

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 уровня
фокусировка на меню при наведении						
5% Discount
No prize
Next time
Almost!
10% Discount
15% Discount
No Prize
No luck today
Almost!
50% Discount
No prize
Unlucky
Get your chance to win a price!
Enter your email address and spin the wheel. This is your chance to win amazing discounts!
Our in-house rules:
  • One game per user
  • Cheaters will be disqualified.