wp-bootstrap / wp-bootstrap-navwalker

A custom WordPress nav walker class to fully implement the Twitter Bootstrap 4.0+ navigation style (v3-branch available for Bootstrap 3) in a custom theme using the WordPress built in menu manager.
https://wp-bootstrap.github.io/wp-bootstrap-navwalker/
GNU General Public License v3.0
3.37k stars 1.94k forks source link

Multilevel Dropdown #60

Closed jerrylopez closed 10 years ago

jerrylopez commented 10 years ago

Hello. There's something that has been boggling my mind a bit and that is multilevel dropdowns. I've never really needed it before but now that i am building an online store for a retail company and I need 3-4 levels. I've looked around but have only found CSS alternatives that don't work in mobile. I know this may be a more bootstrappy question but I figured that it would be something nice to add to your nav walker. What are your thoughts on this?

SideQuestDIY commented 10 years ago

This walker purposely does not support multi level drop downs and it is only intended to implement Bootstrap 3. Multi Level drop-downs were removed from Bootstrap 3 as they are difficult to support on mobile, and often completely unnecessary. Personally, I feel the issue lies more with content structure then the need for deep drop-downs,

I have built quite a few e-commerce site and I actually find the more simplistic your menu structure is the greater conversion happens. When I do things now I only have the top level items in the menu and use in page navigation specific to the section/category.

wireframe

This means that on category landing pages you have great real estate to showcase featured products and its still simple for the user, it also means that you can continue the navigation scheme throughout the site.

With that said Bootstrap 2.3.2 did support multiple levels and if you would like to use multilevel dropdowns I would suggest using my Bootstrap 2.3.2 walker ( https://github.com/twittem/wp-bootstrap-navwalker/tree/For-Bootstrap-2.3.2 ) or taking a look at this pull request https://github.com/twittem/wp-bootstrap-navwalker/pull/52