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


#1

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

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

01_mega_menu_desktop.gif

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Демо: http://demo.themehills.com/cscart/a_mega_menu/
Купить: https://themehills.com/ru/product/mega_menu_ru/

#2

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


#3

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

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

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


#4

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


#5

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

$.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 мс, при этом когда ведем по меню мышкой, то уже задержка не работает, оно открывается сразу.

#6

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


#7

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


#8

Как, например, тут 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


#9

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

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

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

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

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

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

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

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

Как, например, тут 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

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


#10

Мы протестировали модуль, он полностью совместим с версией 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/

#11

Мы протестировали модуль, он полностью совместим с версией 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/

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

#13
Обновление модуля:
Для тач устройств улучшили взаимодействие с деревом категорий. Теперь при первом нажатии открываются подкатегории, при втором открывается сама категория. Для телефонов поведение осталось прежним.
Обновление уже на демо - http://demo.themehil...rt/a_mega_menu/
Купить можно на сайте - https://themehills.c...duct/mega_menu/

#14

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

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

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

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


#15

Мы протестировали модуль, он полностью совместим с версией 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/

#16

Друзья,

Мы протестировали модуль, он полностью совместим с версией 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/

#17

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


#18

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


#19

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


#20

Мы протестировали модуль, он полностью совместим с версией 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/