Многоуровневое меню

[Zempik 1]

Добрый день! На сайте много категорий/подкатегорий/под/под/.../.../ и есть необходимость в многоуровневом меню.

 Использую шаблон vamshop4, но к сожалению, отображается только два уровня меню

 

У шаблона vamshop1 есть отличное многоуровневое меню. Есть ли возможность сделать такое же меню штатными средствами или перенести меню из vamsho1 в vamshop4 ?

[support 447]

3 часа назад, Zempik сказал:

Добрый день! На сайте много категорий/подкатегорий/под/под/.../.../ и есть необходимость в многоуровневом меню.

 Использую шаблон vamshop4, но к сожалению, отображается только два уровня меню

 

У шаблона vamshop1 есть отличное многоуровневое меню. Есть ли возможность сделать такое же меню штатными средствами или перенести меню из vamsho1 в vamshop4 ?

Так у Вас на скриншоте шаблон vamshop4 тоже выводит все уровни.

т.е. Краска и мастер плёнка - Альтернативная - Duplo - Краска-мастер-плёнка.

 

Всё сразу видно, все уровни.

[Zempik 1]

Да, верно. Но выводится всё вперемешку, в шаблоне vamshop1 структурированно. Возможно ли перенести меню из vamshop1 в vamshop4 ?

Нашел вызов меню vamshop4 в navbar_slide_menu.html - {$box_CONTENT_PULL}, а в vamshop1 через {$box_CONTENT_PULL} или {$box_CATEGORIES2} 

Но дальше не догоняю.

[support 447]

1 час назад, Zempik сказал:

Да, верно. Но выводится всё вперемешку, в шаблоне vamshop1 структурированно. Возможно ли перенести меню из vamshop1 в vamshop4 ?

Нашел вызов меню vamshop4 в navbar_slide_menu.html - {$box_CONTENT_PULL}, а в vamshop1 через {$box_CONTENT_PULL} или {$box_CATEGORIES2} 

Но дальше не догоняю.

Вперемешку сделано, что б выглядело более-менее.

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

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

Каждый уровень своим стилем выводится, т.е. Вы можете просто выделить через css нужные уровни в Вашем магазине.

В /templates/vamshop4/css/vamshop4.css есть стили:

li.level2 {
  padding: .5rem 0 0 0;
}
li.level3 {
  padding: .75rem 0 0 0;
}

Это стили для 2 и 3 уровня.

Например добавьте жирный текст и разный цвет для 2, 3 уровня, вот так:

li.level2 a {
	color: blue;
	font-weight: bold;
}

li.level3 a {
	color: red;
	font-weight: bold;
}

Посмотрите в html-коде, может у Вас и 4 уровень есть, поищите по стилю level4

Если есть, можете и для него задать стили.

 

В общем, это меню, на мой взгляд, лучше чем то, что в vamshop1, оно универсальнее и удобнее.

Если Вам нравится vamshop1 шаблон, просто на него переключитесь. 

Он же тоже адаптивный.

Например вот на Вашем скрине шаблона vamshop1 - что б добраться ла этого уровня, надо 4 клика мышью сделать.

А в vamshop4 шаблон вообще кликать не надо, подвёл мышкой и всё открылось.

[Zempik 1]

1 час назад, support сказал:

Вперемешку сделано, что б выглядело более-менее.

Спасибо за ответ. Но сейчас необходимо сделать, чтобы выглядело "более" :)

Вы скажите, можно ли перенести выпадающий список категорий из vamshop1 в vamshop4. Если нет, то будут это править, если же да, то хоть направьте в правильном направлении.

В vamshop4 используется плагин меню webslidemenu.js и если не ошибаюсь, там и скины разные есть в исходниках. Вот только документацию под него не нашел, может у вас есть, когда покупали его?

[support 447]

39 минут назад, Zempik сказал:

Спасибо за ответ. Но сейчас необходимо сделать, чтобы выглядело "более" :)

Вы скажите, можно ли перенести выпадающий список категорий из vamshop1 в vamshop4. Если нет, то будут это править, если же да, то хоть направьте в правильном направлении.

В vamshop4 используется плагин меню webslidemenu.js и если не ошибаюсь, там и скины разные есть в исходниках. Вот только документацию под него не нашел, может у вас есть, когда покупали его?

Можно всё, код открытый ведь.

Вопрос лишь в компетенции.

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

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

Если знаете html + css, то всё реально.

Но проще взять то, что уже работает.

Скины - это лишь цветовое оформление, не более.

Вот как они подключаются -