Новый вид выпадающего меню категорий для сайтов с большим количеством категорий

Алексей добавил(а) 3 мес. назад
В планах

Тема аналогична теме для решения Аспро: Next.

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

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

Пример:

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

fb6302d6ff9752d97fa3bf2537d7abdc

Комментарии (9)

фото
3

Учитывая то, что вы внедрили мою идею по добавлению иконок для категорий, вместо изображений остается только добавить само меню в решение.

Я готов предоставить вам html и все js-файлы и css-файлы, что бы вы могли интегрировать меню такого типа с решение в максимально короткие сроки. Просто напишите мне в личку.

фото
1

Алексей, подскажите адрес сайта с вашего скриншота

фото
3

Да, конечно:

https://new.3259404.ru

фото
3

Визуально меню отличное, надо такое делать в Максимуме. Технически пара недочетов:

1. Область крестика для закрытия меню вплотную примыкает к области ссылок. Т.е. 1px влево и ты уже не закрываешь меню, а летишь в категорию (Скрин http://skrinshoter.ru/s/251219/UzP4pw6r). Нужен padding 10 px по кругу для активной области крестика.

2. Нужно установить задержку в 0,5 сек. на раскрытие корневых категорий (как сделано в верхнем меню Аспро). Когда я веду мышь к уже раскрытой категории где-нибудь в центре списка, движение идет по дуге и я по пути захватываю еще 2-3 соседних пункта, они моментально начинают раскрываться и в этот момент я визуально теряю к какому пункту я хотел направить указатель мыши. У Аспро, когда бегаешь мышью по верхнему меню, пункты раскрываются только если мышь находится напротив одного пункта дольше 0,5 сек.

Ниже еще привели пример https://www.eldorado.ru/, где также реализована задержка раскрытия.

3. Я по какой-то своей внутренней привычке пытался все время закрыть меню щелчком по пустой области справа или слева от меню (у меня монитор широкоформатный). Лично я бы сделал от границ меню неактивный padding 30px, а далее до конца монитора активную область закрытия

фото
1

Большое спасибо за фидбэк! Как раз тестим сайт и собираем обратную связь. =)

1. Да, видимо недосмотрел верстальщик - дал фиксированную ширину столбца. Поправим.

2. Мы тестили на наших пользователях данный вариант - была масса вопросов о том не тормозит ли меню. Вследствие чего убрали данную задержку. На Яндекс.Маркет так же нет задержки, подозреваю по той же причине.

3. Хорошая идея, обсудим с коллегами.

фото
2

Посмотрите еще ДНС.

У ДНС и Эльдорадо не создается ощущение торможения, там задержка чуть ниже - 0,3 сек наверное. В любом случае это же можно будет регулировать свойствами скрипта - от 0 до 1 сек каждый владелец сайта сможет выставить задержку какую хочет. При желании можно вынести в настройки компонента.

фото
2

Если рассматривать в рамках решения Аспро:Максимум, то была бы актуальна и такая настройка.

фото
1

Алексей, а как посмотреть сайт вашей веб-студии и сколько у вас стоят доработки, стоимость часа? Возможно, нам понадобится в январе аналогичное меню и чекаут :)

фото
1

Алекс, увы, нигде. Я инхаус специалист. В том числе занимаюсь UX/UI у нас в компании, помимо интернет-маркетинга. =)

фото
2

Отличный момент + предлагаю внести настройку для громадных каталогов так сказать показывать подразделы в количестве N.

*Основной раздел*

Подраздел1

Подраздел2

Подраздел3

И в конце кнопка показать все.

фото
1

Согласен, вынести в отдельную настроен данный пункт уместно.

фото
1

"И в конце кнопка показать все."

Да, и это Показать все надо выделить, сейчас в решении вижу посетители просто не видят такого рода ссылку в каталоге, даже с учетом того, что она с двумя ++

f54f882a5509f5147ac6c1802540297a

фото
1

то, что сделал Алексей для одного из своих проектов реализовано в решении UniTheme для CS-CART. там все это сделано как мега-меню в аспро, т.е. ты просто набираешь ту конфигурацию, которая подходит именно тебе с неограниченным по размеру и прокруткам вложением...


кстати, все эти мега-меню давно реализованы в бесплатных движках и шаблонах 10-летней давности...

фото
2

Идею с мега-меню предлагал ещё 4 месяца назад в ветке Аспро:Next, однако до сих пор она висит без каких-либо подвижек со стороны разработчиков решения:

https://idea.aspro.ru/topic/кастомные-пункты-меню-в-хэдере

Конечно такой вариант интеграции более гибкий для кастомизации, но если реализовывать данный функционал с нуля, то уйдёт очень много времени как на разработку, так и на тестирование.

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

Но тут я был бы рад ошибиться и начать пилить кастомное мега-меню.)

фото
1

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

фото
фото
3

Хорошая идея! В Максимуме нет меню для большого количества разделов.

Мы не переходим на Максимум с Оптимуса только по этой причине (

Примеры качественного многоуровневого меню https://www.ozon.ru/ https://www.eldorado.ru/ и т.д.

фото
1

Поддерживаю. Купил решение! не понимаю как без такого меню реализовать свой каталог! Разработчики, вместе мы сделаем Максимум - лучшим! Надо сделать!

фото
3

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

фото
1

очень прикольно реализовано меню в решении "электросила некст"там списано с диван.ру, но работает эталонно!

фото
1

Очень хотелось бы, что бы реализовали новые отображения меню. Обратите внимание на очень крупные интернет магазины, у них очень удобная навигация в выпадающих меню, хотелось бы, что бы аспро некст был не хуже, а даже лучше них

фото
3

Предложение зарегистрировано под номером MAX-554. Реализуем в одном из обновлений.

фото
2

Огонь тема!

фото
2

Полностью согласен!