Magento Vertical Menu using Peter Hamilton’s code
In one of our premium Magento themes we implemented a vertical category menu with the code adapted from this thread. It’s quite easy to implement and to make it even easier for others, we decided to write a step by step tutorial.
- Add a new block type in “catalog.xml” file
- Create a new phtml file and name it “leftnav.phtml”, place it inside catalog/navigation
- Edit CSS
Add a new block type in “catalog.xml” file
Here we presume you want to have the vertical category menu shows up on every page, to do so, we will place the code in the <default> layout like so, and we want it to always stay on the top, so we added “before=”-”: