Скрипт выделения активной категории в Интернет-магазине

О чем материал ?

В данном материале мы обсудим решение для выделения активной категории в модуле Интернет-магазине.

Как известно, в других модулях uCoz каталогах, новостях и блоге в блоке категорий $CATEGORIES$ к активной категории добавляется класс .catNameActive, к нему можно привязаться, написать стили и выделить категорию как хочется. В модуле Интернет-магазине такой класс к активной категории не добавляется, соответственно она никак не выделяется.

Как выделить активную категорию в Магазине ?

Решение достаточно простое, перейдите в первый контейнер где у вас блок категорий установлен, у вас там должно быть условие:

<?if($CATEGORIES$)?>$CATEGORIES$<?endif?> 

Пропишите перед закрывающим тегом <?endif?> следующий скрипт:

<script type="text/javascript"> 
$(function() {var url=document.location.href;$('a.catref').each(function() {if ( this.href==url ) {$(this).addClass('act');};});});
</script>

Дальше в стили пропишем примерно следующее:

a[class="catref act"] {color:#990012;}[class="catref act"] {background-color:#99001226;border-radius:5px;display:block;padding:10px;}

готово.

Примечание!

Стили выше вы можете поменять под себя как вам хочется оформить выделение активной категории. В примере выше они написаны под стиль тестового сайта на котором все это проверялось. Пользуйтесь этим лайвхаком.