Помогите настроить чтобы активная ссылка меню была выделенной. Модуль не помого и то что написано тоже.
Вот код хидера
<div id="menu">
<ul>
<?php foreach ($categories as $category) { ?>
<li><?php if ($category['active']) { ?>
<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php } ?>
<?php if ($category['children']) { ?>
<div>
<?php for ($i = 0; $i < count($category['children']);) { ?>
<ul>
<?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
<?php for (; $i < $j; $i++) { ?>
<?php if (isset($category['children'][$i])) { ?>
<li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</div>
<?php } ?>
</li>
<?php } ?>
<li><a href="/?php echo $home; ?">Главная<br />страница</a><li>
<li><a href="/aktsii-i-skidki">Акции<br /> и скидки</a></li>
<li><a href="/sposob-oplat">Способы<br />оплаты</a></li>
<li><a href="/informatsiya-o-dostavke">Способы<br />доставки</a></li>
<li class="selected"><a href="/o-nashem-magazine"> О нашем<br />магазине</a></li>
<li><a href="http:/index.php?route=information/contact">Контакты<br />и адрес</a><li>
<li><a href="http://tricota32.ru/usloviya-i-soglasheniya.html">Условия<br />соглашения</a><li>
</ul>
</div><script type="text/javascript"><!--
$('div#menu li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "selected";});
//--></script>
Вот ксс
#menu > ul > li > a.active {
}
#menu > ul > li > a {
font-size: 14px;
top: 5px;
color: #03471F;
line-height: 14px;
text-decoration: none;
display: block;
padding: 9px 10px 9px 10px;
z-index: 6;
position: relative;
text-transform: capitalize;
min-width: 124px;
text-align: center;
text-transform: uppercase;
}
#menu > ul > li:hover > a {
color: #FFFFFF;
}
#menu > ul > li:hover {
background: url('../image/menulh.png') center center no-repeat;
height: 100px;
min-width: 124px;
margin-top: -2px;
}
#menu > ul > li:selected {
background: url('../image/menulh.png') center center no-repeat;
height: 100px;
min-width: 124px;
margin-top: -2px;
}
как настроить активный пункт меню. например наш магазин, чтобы при входе на страничку пункт наш магазин выделялся?
OCStore 1.5.4.1 магазин tricota32.ru
Примечание:
может кому надо. решилось вот так
#menu > ul > li > a.active {
background: url('../image/menulh.png') center center no-repeat;
height: 100px;
min-width: 124px;
margin-top: -14px;
}
в хидер
<script type="text/javascript">
$(document).ready(function(){
var url=document.location.href;
$.each($(".menu a"),function(){
if(url.indexOf(this.href)>=0){
$(this).addClass('active');
};
});
});
</script>
вместо . - #
tricota32.ru
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.