Vertical Navigation with CSS Classes
Vertical Category Navigation with subcategories, fine css classes and backend configuration.
With this extension you're able to design you own vertical category navigation with subcategories and product count display. Each element has a fine css'ing so you can address each element or group exactly including "first" and "last" element per group and "previos", "active" and "next" child.
By default the module removes the top.navigation via XML-Update and places the vertical nav in "left" structural block.
Several options can be controlled in your AdminPanel under system -> configuration -> catalog as per StoreView:
- Hide Vertical Navigation (yes/no)
- Hide Top Navigation (yes/no)
- Display Product Count (yes/no)
- Expand on Top Level (yes/no)
- Expand all categories (yes/no
- Expand all max depth (number)
- Root Categories (Store base, current Category, Same Level as current Category, Category Level 2, Category Level 3)
- Fallback to store base (yes/no)
You should modify the vertnav.css-file in your skin folder to fit your needs. (Please note: do not change the base/default skin file! The delivered CSS file is for showcase purposes only!)
Credits
Rico Neitzel, Vinai Kopp, Raúl Fishman
Change Log
- v0.4.3: Added 'empty' CSS class for categories without products (Thanks Sija via GitHub)
- v0.4.2: Added Portuguese Locale (Thanks Raúl Fishman)
- v0.4.1: Added Feature Disable on StoreView Base
- v0.4.0: Added Feature Expand on Top Level Request: If a product is requested without categories in the URL vert nav can figure out the first assigned category and expands the category tree.
- v0.2.8: Enable/Disable TopNav in Admin-Config - now without changing XML-Files. Define which Levels should be shown on storefront.
- v0.2.3: You can now setup whether VertNav should show EVERYTHING (nice for jQuery) or just a few levels in the category tree.
- v0.2.1: New CSS Classes: levelN-active, levelN-inactive oder levelN-parent (where N is 0, 1, 2...)
- v0.1.9: Category names with accents are possible now. Thanks to Netzarbeiter Vinai Kopp for Coding!