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

Алексей добавил(а) 4 года назад
Реализована

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

На одном из проектов я разрабатывал такой вариант: http://prntscr.com/p3t970

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

Лучший ответ
фото

Безумно нужная штука, не хватает вот такого меню в выпадающем меню как тут:


ee4d2a989b5771e366b3cfc06245aa30

Ответы (3)

фото
4

Безумно нужная штука, не хватает вот такого меню в выпадающем меню как тут:


ee4d2a989b5771e366b3cfc06245aa30

фото
2

Вам тогда и данная тема может быть интересна:

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

фото
фото
1

Увидел сейчас, что идея реализована. Это очень хорошо получилось (как мне кажется)! Но первое впечатление: добавление брендов в раздел в большом меню классная тема, но первый клик как пользователя по иконке бренда - ожидание, что переход будет в раздел с фильтрацией по бренду. Вместо этого - переход на страницу бренда, которая на самом деле не имеет большой важности. От себя - мне не хватает описания раздела в большом меню.8ca1311e0bd1ec5801c05c9ea21e443f

фото
1

Ну и ошибка закралась - иконка раздела в большом меню - не правильная ссылка

фото
фото
2

Всем привет. Подпилил стили для меню, что бы выглядело посимпатичнее. Если кому надо - вот стили, их закидывайте в custom.css по пути /home/bitrix/www/bitrix/templates/aspro_max/css.


Пример моего меню:

https://www.stilnoeserebro.ru/


Код стилей:

/*Меняем стили у выпадающего меню*/

.menu-navigation, .menu-navigation__sections-wrapper, .menu-navigation .customScrollbar {
	height: 620px;
}

.menu-navigation .mCustomScrollBox, .menu-navigation__content .mCSB_container  {
	height: 620px;
	max-height: 620px;
}

.menu-navigation__sections-wrapper {
	width: 300px !important;
}

.menu-navigation__sections-item span.name {
	font-size: 14px;
	/*font-weight: 600;*/
	/*text-transform: uppercase;*/
	padding-left: 15px;
}

a.menu-navigation__sections-item-link {
	padding-right: 45px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
}

.menu-navigation__sections-item {
  margin-left: 10px;
  margin-right: 14px;
}
.menu-navigation__sections-item a:hover {
  background-color: #f4f4f4;
  border-radius: 4px;
  color: #333 !important;
}

.menu-navigation__sections-item span.name:hover {
  color: #333;
}

.menu-navigation__sections {
  padding-top: 15px;
}

.menu-navigation__sections-item span.image {
  vertical-align: middle;
}

.menu-navigation__sections:last-child {
  margin-bottom: 15px;
}

.menu-navigation .mCSB_scrollTools {
  margin-top: 14px;
  margin-bottom: 14px;
}

.mCSB_dragger_bar {
  background-color: #c2c2c2!important;
  opacity: .4;
  width: 5px!important;
  border-radius: 20px!important;
}

.menu-navigation__content li.dropdown-submenu a span.name.option-font-bold {
  font-weight: 600;
  font-size: 14px;
}

.menu-navigation__content .customScrollbar {
  max-height: 620px !important;
}

.mCSB_draggerRail {
  width: 5px !important;
  background: #f3f3f3 !important;
}

фото
1

Что-то у аспро с крайним обновлением что-то сильно пошло не так. Или мне кажется? В банере вместо банера иконка.208631dd875698f87e1df60f55a45714

фото
2

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

фото
2

Добрый день!

Такой ситуации быть не должно. На демо-сайте баннер в разделе отображается корректно — http://joxi.ru/823RpRPUDK3Dqm.

Рекомендуем проверить значение параметра — http://joxi.ru/MAjxlx4UxZojbm. Вероятнее всего проблема заключается в неверном значении параметра.

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

фото
1

Да, слетело данное свойство - большое спасибо за подсказку!

Касательно темы - пардон, промазал с разделом.

фото
2

Прикольно конечно что вы обсуждаете мега меню для Аспро Максимум в идее для Аспро Некст. Хотелось бы и на нашей улице праздник.

фото
Комментировать
 
Прикрепить файлы