Надеюсь вам нужно так:
Что надо сделать, чтобы было также как на картинке:
1. убрать внимательно блоки div5 и div6 из header.tpl
2. в header.tpl заменить:
<div class="div4"><a href="<?php echo str_replace('&', '&', $home); ?>" id="tab_home"><?php echo $text_home; ?></a>
<?php if (!$logged) { ?>
<a href="<?php echo str_replace('&', '&', $login); ?>" id="tab_login"><?php echo $text_login; ?></a>
<?php } else { ?>
<a href="<?php echo str_replace('&', '&', $logout); ?>" id="tab_logout"><?php echo $text_logout; ?></a>
<?php } ?>
<a href="<?php echo str_replace('&', '&', $account); ?>" id="tab_account"><?php echo $text_account; ?></a><a href="<?php echo str_replace('&', '&', $cart); ?>" id="tab_cart"><?php echo $text_cart; ?></a><a href="<?php echo str_replace('&', '&', $checkout); ?>" id="tab_checkout"><?php echo $text_checkout; ?></a></div>на:
<div class="div4">
<ul>
<li><a href="<?php echo str_replace('&', '&', $home); ?>" id="tab_home"><span id="tab_home2"><?php echo $text_home; ?></span></a></li>
<?php if (!$logged) { ?>
<li><a href="<?php echo str_replace('&', '&', $login); ?>" id="tab_login"><span id="tab_login2"><?php echo $text_login; ?></span></a></li>
<?php } else { ?>
<li><a href="<?php echo str_replace('&', '&', $logout); ?>" id="tab_logout"><span id="tab_logout2"><?php echo $text_logout; ?></span></a></li>
<?php } ?>
<li><a href="<?php echo str_replace('&', '&', $account); ?>" id="tab_account"><span id="tab_account2"><?php echo $text_account; ?></span></a></li>
<li><a href="<?php echo str_replace('&', '&', $cart); ?>" id="tab_cart"><span id="tab_cart2"><?php echo $text_cart; ?></span></a></li>
<li><a href="<?php echo str_replace('&', '&', $checkout); ?>" id="tab_checkout"><span id="tab_checkout2"><?php echo $text_checkout; ?></span></a></li>
</ul>
</div>3. В этом же файле заменить в скрипте:
if (!route) {
$('#tab_home').addClass('selected');
} else {
part = route.split('/');
if (route == 'common/home') {
$('#tab_home').addClass('selected');
} else if (route == 'account/login') {
$('#tab_login').addClass('selected');
} else if (part[0] == 'account') {
$('#tab_account').addClass('selected');
} else if (route == 'checkout/cart') {
$('#tab_cart').addClass('selected');
} else if (part[0] == 'checkout') {
$('#tab_checkout').addClass('selected');
} else {
$('#tab_home').addClass('selected');
}
}на
if (!route) {
$('#tab_home').addClass('selected');
$('#tab_home2').addClass('selected');
} else {
part = route.split('/');
if (route == 'common/home') {
$('#tab_home').addClass('selected');
$('#tab_home2').addClass('selected');
} else if (route == 'account/login') {
$('#tab_login').addClass('selected');
$('#tab_login2').addClass('selected');
} else if (part[0] == 'account') {
$('#tab_account').addClass('selected');
$('#tab_account2').addClass('selected');
} else if (route == 'checkout/cart') {
$('#tab_cart').addClass('selected');
$('#tab_cart2').addClass('selected');
} else if (part[0] == 'checkout') {
$('#tab_checkout').addClass('selected');
$('#tab_checkout2').addClass('selected');
} else {
$('#tab_home').addClass('selected');
$('#tab_home2').addClass('selected');
}
}4. Заливаем картинки меню и кнопки в папку image шаблона.5. В css заменяем #header .div4 на
#header .div4 {
clear: both;
width: 960px;
height: 56px;
margin-bottom: 15px;
background: url('../image/menu-bg.gif') repeat-x;
}
#header .div4 ul {
list-style: none;
margin: 0;
padding: 8px 0 8px 13px;
}
#header .div4 ul li {
float: left;
margin-right: 1px;
}
#header .div4 ul li a {
font-size: 14px;
text-decoration: none;
display: block;
}
#header .div4 li span {
color: #FFFFFF;
padding: 11px 23px;
display: block;
overflow: hidden;
}
#header .div4 li span:hover, #header .div4 li span.selected {
background: url("../image/menu-left-bg.jpg") no-repeat scroll left top transparent;
color: #FFFFFF;
padding: 11px 23px;
text-decoration: none;
display: block;
overflow: hidden;
}
#header .div4 li a:hover, #header .div4 li a.selected {
background: url("../image/menu-right-bg.jpg") no-repeat scroll right top transparent;
color: #FFFFFF;
display: block;
}
Метод немного извращенный, делал на скорую руку.