Модуль: Мега Меню

Мега Меню – расширяет возможности стандартного меню.

:!: Для первых пяти покупателей скидка 50%

01_mega_menu_desktop.gif

Особенности:

- Вертикальное дерево категорий с контролем курсора (Как у Amazon)

- Баннеры в дереве категорий

- Удобное гамбургер меню для телефонов

- Поддержка SVG иконок

- Компактное размещение переключения валют и языков для телефонов

- Меню фиксируется при прокрутке

- Легко изменять цвета

- Фокусировка на меню при наведении

- Можно добавить WYSIWYG контент

- Регулируется количество элементов

- Переключение изображений для категорий 3 уровня

Совместимость: 4.7.x - 4.10.x

Документация: http://docs.themehills.com/ru/mega_menu/

2 лайка

демо не открывается...

демо не открывается...

Здравствуйте,

Какая ошибка отображается?

Открылось, но уж очень долго загружается...

А можете добавить небольшую задержку перед первым открытием выпадающего меню? Сейчас при "пробеге" мышкой через меню сразу открывается подменю - раздражает. Мы у себя сделали таким образом

$.ceEvent('on', 'ce.commoninit', function(context) {

context.find('.top-menu .ty-menu__items').mouseenter(function(){
$(this).delay(200).queue(function (next){
$(this).addClass("ty-menu__nav-a");
next();
});
});
context.find('.top-menu .ty-menu__items').mouseleave(function(){
$(this).queue(function (next){
$(this).removeClass("ty-menu__nav-a");
next();
});
});
});
Получается при наведении мышкой на меню, подменю открывается с задержкой 200 мс, при этом когда ведем по меню мышкой, то уже задержка не работает, оно открывается сразу.

Сможете сделать как на Amazon, чтобы боковое меню первого раздела, например, Electronics показывалось справа не сразу, а появлялось с таким же эффектом как на Amazon - выезжало вправо, а далее уже без задержек.

Возможно ли сделать гамбургер меню и для блока Фильтр товаров, чтобы удобно было им пользоваться на мобильных?

Как, например, тут https://mobile.yoox.com/ru/для%20мужчин/shoponline/костюмы%20и%20пиджаки_mc#/dept=clothingmen&gender=U&attributes=%7b%27ctgr%27%3a%5b%27bt%27%5d%7d&season=E

Открылось, но уж очень долго загружается...

Решаем проблему с хостингом.

А можете добавить небольшую задержку перед первым открытием выпадающего меню? Сейчас при "пробеге" мышкой через меню сразу открывается подменю - раздражает. Мы у себя сделали таким образом .......

Спасибо за идею, но в целом данный эффект очень субъективен.

Сможете сделать как на Amazon, чтобы боковое меню первого раздела, например, Electronics показывалось справа не сразу, а появлялось с таким же эффектом как на Amazon - выезжало вправо, а далее уже без задержек.

Да, такая доработка возможна, но не ясно какой цели она будет служить. Мы не планируем её включать в основной пакет модуля.

Возможно ли сделать гамбургер меню и для блока Фильтр товаров, чтобы удобно было им пользоваться на мобильных?

Это не относится к данному модулю, но да, такое возможно. Пример реализации есть тут - http://demo.themehills.com/cscart/t_emerald_theme/electronics/

Предлагаю продолжить общение по почте: support@themehills.com или в личных сообщениях, чтобы было меньше сообщений не относящихся к данному модулю, спасибо.

Мы протестировали модуль, он полностью совместим с версией 4.6.1

Совместимость: 4.3.x - 4.6.x

Документация: http://docs.themehil...m/ru/mega_menu/

Демо: http://demo.themehil...rt/a_mega_menu/
Купить: https://themehills.c...t/mega_menu_ru/

Мы протестировали модуль, он полностью совместим с версией 4.6.2

Совместимость: 4.3.x - 4.6.x

Документация: http://docs.themehil...m/ru/mega_menu/

Демо: http://demo.themehil...rt/a_mega_menu/
Купить: https://themehills.c...t/mega_menu_ru/
Отличная новость, мы обновили модуль и добавили в него блок позволяющий отображать дерево категорий всегда открытым. Например так же работает на главной странице aliexpress.com пункт категории.
Теперь можно добавлять строку поиска непосредственно в меню, экономя место и позволяя искать при прокрутке страницы не возвращаясь к шапке сайта. Протестированно с searchanise (https://www.cs-cart.com/searchanise.html).
Обновление уже на демо - http://demo.themehills.com/cscart/a_mega_menu/
Купить можно на сайте - https://themehills.com/product/mega_menu/
Обновление модуля:
Для тач устройств улучшили взаимодействие с деревом категорий. Теперь при первом нажатии открываются подкатегории, при втором открывается сама категория. Для телефонов поведение осталось прежним.
Обновление уже на демо - http://demo.themehil...rt/a_mega_menu/
Купить можно на сайте - https://themehills.c...duct/mega_menu/

fevzi, on 13 Jun 2017 - 09:12 AM, said:

А можете добавить небольшую задержку перед первым открытием выпадающего меню? Сейчас при "пробеге" мышкой через меню сразу открывается подменю - раздражает. Мы у себя сделали таким образом .......

Спасибо за идею, но в целом данный эффект очень субъективен.

На самом деле это очень полезная фишка, например я просто перемещаю мышку от одного объекта к другому, но путь мышки лежит через меню, и оно тут же выскакивает и закрывает то, что мне нужно. Приходится убирать мышку чтобы меню закрылось и возвращаться обратно. Или когда перемещаюсь с меню в подменю, сразу к нужному пункту и случайно на долю секунды курсор выпадает с области меню - меню закрывается. Или на долю секунды по пути задевает другой пункт верхнего уровня меню и я попадаю уже совсем в другое подменю.

Мы протестировали модуль, он полностью совместим с версией 4.6.3

Совместимость: 4.3.x - 4.6.x

Документация: http://docs.themehil...m/ru/mega_menu/

Демо: http://demo.themehil...rt/a_mega_menu/
Купить: https://themehills.c...t/mega_menu_ru/

Друзья,

Мы протестировали модуль, он полностью совместим с версией 4.7.2

Подробнее на themehills.com/mega_menu_ru

Совместимость: 4.3.x - 4.7.x

Документация: http://docs.themehil...m/ru/mega_menu/

Демо: http://demo.themehil...rt/a_mega_menu/

Сейчас подбираю нечто подобное
Два вопроса
1 - шаблон Walmart позволит над меню вывести обычную строку с логотипом и формой обратного звонка?
2 - Возможно ли саму кнопку “Категории” сделать кликабельной именно на раскрытие меню, а не на переход к странице списка категорий? Протестировал на нескольких человеках - практически все открывая меню кликают по нему (хотя оно конечно и само открывается) и получают переход на другую страницу вместо того что ожидали - открытия меню: минимум - недоумение, максимум - раздражение
А в меню для смартфонов - это вы хорошо сделали, что пункт Категории кликабельный, а не как в дефолте. В дефолте людям приходится долго тыкать по телефону пальцем, пока догадаются, что надо тыркнуть по маленькому треугольничку справа :slight_smile:
Но тоже хотелось бы, чтобы по тапу именно по этому пункту раскрывалось дерево категорий, а не переход. Для всех остальных пунктов все логично

Поставил модуль, всё прекрасно, так как и хотел, по аналитике сразу вижу результат как улучшились показатели глубины просмотра и времени на сайте и уменьшились отказы!
Теперь встала всё-таки задача - в десктопной развертке либо вообще снять кликабельность с кнопки Каталог, так как она все равно разворачивает меню при наведении, либо оставить на разворачивание, главное чтобы по клику не было перехода (человек наводит на пункт именно для разворота меню, и очень многие кликают при этом, и его перебрасывает на другую страницу, и ему снова приходится наводить на меню и раскрывать)
а в мобильном выезжающем меню на кнопке Каталог убрать ссылку на страницу списка категорий, и разворот каталога сделать не только по треугольничку справа, а по всему пункту меню Каталог
Вы говорили что можете такое сделать?

Для удобства пользователей мы разработали модуль стилизующий данную страницу - themehills.com/ru/product/category_page/
Где клиент может более развернуто ознакомится с категориями магазина.
В будущих обновлениях постораемся добавить как настройку возможность убрать ссылку.
Если требуется быстрое решение напишите пожалуйста нам на почту support@themehills.com, расскажем как убрать ссылку.

Мы протестировали модуль, он полностью совместим с версией 4.7.4
Подробнее на themehills.com/mega_menu_ru

Совместимость: 4.3.x - 4.7.x
Документация: themehills.com/ru/documentation/mega-menu/
Демо: demo.themehills.com/cscart/a_mega_menu/