===== This modul add class="selected" to selected category at main menu ==========


This module allows to highlight or show it in different way the main category in which the client is at this time. This module is compulsory for all major online stores. The most of major design decisions are impossible without < ...class="selected" ..../> in HTML code.


CSS code

#menu > ul > li > a.selected {
< CSS code here >
}

/* sempel ===================================== */

#menu > ul > li > a.selected {
background-color:#09F;
color: #FFF;
position: relative;
border-radius:4px;
}

/* and of sempel ================================== */

/* sempel tab view ============================= */

#menu > ul > li > a.selected {
background-color:#FFF;
color: #000;
position: relative;
border-radius: 4px 4px 0px 0px;
padding-bottom:15px;
}

/* and of sempel ================================== */

For those who are not familiar with CSS put the sample code into:

catalog/view/theme/<name of template>/stylesheet/stylesheet.css

before

#menu > ul > li > a {

This sample code will implement view exactly like the view in the pictures.

========================================================================================

author: Dobri Dobrev - LoopDAD

Enjoy