Частенько появляется необходимость выделить активный пункт меню, то есть, переходите вы по ссылке в главном меню сайта, и будучи на этой странице нажатый пункт меню каким-то образом выделяется. Чаще всего, для этого всего лишь нужно добавить уникальный класс для тега, в котором находится ссылка. А дальше дело за стилями CSS. К примеру ваше меню выглядит примерно так:


Предположим, что ваши CSS-стили прописаны таким образом, чтобы правильно обрабатывать пункты меню в данной конструкции. Все что вам потребуется, так это к тегу <li> добавить класс, например «selected». То есть, находясь на странице Каталог (/catalog/), в итоге, ваш код меню должен выглядеть так:

Все что для этого потребуется, так несложный код на JavaScript. Вот он:

Этот код можно вставить, например, сразу после div`a, в котором находится меню. Если у вас будут какие-то вопросы по внедрению этой конструкции у вас на сайте, обращайтесь, я попробую вам помочь.