Streamline your menu

I had a request today for a way to better display the side menu, especially when there are a lot of sub sections. I have developed a method to hide any submenu sections (.menuLevel2 - menuLevel9) that are below the top level (.menuLevel1) and then have them shown when someone passes their mouse over the top level.

Check out this example to get a feel for what I mean:

http://www.printfection.com/teeplates

Sections 1 and 2 have sub menu sections that only show on hover and then dissappear again when the mouse goes away.

To implement this to your store, all you have to do is add the following lines to your base HTML. If you have used any of my other tricky type things, you will probably already have the line in red, so no need to add it again, just make sure compact.js code goes after it.


 <script src="http://www.australele.com/usw/js/tp-jq.js" type="text/javascript"></script>
 <script src="http://www.australele.com/usw/js/compact.js" type="text/javascript"></script>

You can also see this in action at a few stores inclding:

15.11.2007. 13:41

This article hasn't been commented yet.