Two level menu plugin, non-dropdown

  • umboody

    (@umboody)


    13 years, 1 month ago

    Hey everyone,

    New here, been using WordPress for a few months now, starting to get the hang of it. Most of the projects I have been using it for require downloading and customising premium themes.

    The current project I am working on requires the inclusion of a two level horizontal navigation menu. Here is a link to what I want to achieve. All I want is a simple plugin that can do this with some minor modification to the PHP code. I would begin to learn PHP and perhaps have a go coding my own plugin to do just this, but this specific job isn’t paying me anywhere near enough to enable me to do that… There’s enough dropdown menu plugins out there, that’s not what I want.

    Thanks in advance,
    Stephen
    http://www.innov8design.co.uk

Viewing 5 replies - 1 through 5 (of 5 total)
  • Adam Blodgett

    (@epymetheus)

    13 years, 1 month ago

    Hi Stephen,

    Thanks for the link to the design, but it’s not clear how that menu works. How does the menu interact with the user? Are the submenus always displayed when you’re on a current page or only when the user mouses over? If the submenus are displayed on the current page, what happens when the user mouses over one of the top level pages? Is the current page submenu replaced by the submenu for the top level page that the user mouses over?

    In short, a better description of how the menu works, or better, a working example would be a great help.

    Just on looking at it, it does seem like you could achieve something like this with a modification of the classic Son of Suckerfish CSS drop down menu technique: http://htmldog.com/articles/suckerfish/dropdowns/

    A.

    Thread Starter umboody

    (@umboody)

    13 years, 1 month ago

    Hi epymetheus,

    Cheers for the reply. The way I see it working is that the second level will appear for the sub pages of the active page. So when the user is on the about page, the about subpages will show on the second level of the navigation menu. I’m not too bothered about the second level showing when the user hovers over the top level, just those subpages showing when the relevant parent page is loaded.

    Cheers,
    Stephen

    Adam Blodgett

    (@epymetheus)

    13 years, 1 month ago

    You can easily do that using CSS. If you’re not familiar with the Suckerfish method you should familiarize yourself with it, as it’s a great asset for just these kinds of situations. Basically what you want to do with the CSS is hide all the submenus for all the pages, and only call the submenu for the active page, probably using the class “current_page_item”. It can get pretty tricky, because you’ll have to do a lot of iterations for what happens when the user is on a submenu page, but it’s definitely doable in a couple of hours.

    Good luck,
    A.

    Thread Starter umboody

    (@umboody)

    13 years, 1 month ago

    Thanks for the advice. I managed to drop code in from this tutorial: http://www.darrenhoyt.com/2008/02/12/creating-two-tiered-conditional-navigation-in-wordpress/

    I will style it with CSS and now and try to get the finished outcome look a little bit more polished.

    Cheers,
    Stephen

    Adam Blodgett

    (@epymetheus)

    13 years, 1 month ago

    Stephen,

    Great! Glad to hear you found a way to get it done. I think that looks a bit simpler than Suckerfish would have been.

    And thanks for posting your solution. It will help folks in the future. You might also mark this thread resolved as well.

    A.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Two level menu plugin, non-dropdown’ is closed to new replies.