|
Ciao, nessun problema!
Vai in app/code/design/frontend/MyInterface/MyTheme/template/catalog/navigation
e fatti una copia (di sicurezza) del file “left.phtml”
Apri questo file e sostituisci il contenuto con questo:
<?php
$_current_category = $this->getCurrentCategory();
$_categories=$this->getStoreCategories();
if($_categories->count()) {
echo '<div class="box layered-nav">';
echo '<div class="border-creator">';
echo '<div class="narrow-by">';
echo '<dl id="narrow-by-list">';
echo '<dd>';
echo '<ol>';
echo writeTree($_categories, 0, $_current_category, $this);
echo '</ol>';
echo '</dd>';
echo '</dl><script type="text/javascript">decorateDataList(\'narrow-by-list\')</script>';
echo '</div>';
echo '</div>';
echo '</div>';
}
?>
<?php
function writeTree($_categories, $level, $_current_category, $_this) {
$shift = '';
for($i = 0; $i < $level-1; $i++) {
$shift .= ' ';
}
foreach ($_categories as $_category) {
if($_category->getIsActive()) {
$_subcategories=$_category->getChildren();
$li = '<li class="vertcatalog">';
$shift.' ';
$class = '';
$expand = '<img src="'.$_this->getSkinUrl('images/').'expand.gif"> ';
if($_category->getId()==$_this->getCurrentCategory()->getId()) {
$li = '<li class="vertcatalog_selected">';
$class = ' class="active"';
$expand = '<img src="'.$_this->getSkinUrl('images/').'collapse.gif"> ';
} elseif ($_this->isCategoryActive($_category)) {
$class = ' class="active-tree"';
$expand = '<img src="'.$_this->getSkinUrl('images/').'collapse.gif"> ';
}
if($level) {
echo $li;
} else {
echo '<li class="vertcatalog_level0">';
}
echo $shift.' ';
if ($_subcategories->count() && $level>0) {
echo $expand;
} elseif ($level==0) {
echo '<img src="'.$_this->getSkinUrl('images/').'category_level0.gif"> ';
}
echo '<a href="'.$_this->getCategoryUrl($_category).'"'.$class.'>';
echo $_this->htmlEscape($_category->getName()).'</a>';
if(($_subcategories->count() && isExpanded($_category, $_current_category)) || $level<1) {
writeTree($_subcategories, $level + 1, $_current_category, $_this);
}
echo '</li>';
}
}
}
function isExpanded($_category, $_current_category) {
$_arry_parents = split(',', $_current_category->getPathInStore());
if(in_array($_category->getId(), $_arry_parents)) {
return true;
}
return false;
}
?>
Fatti due immaginette di circa 21x21 px, una con il simbolo “più” e l’altra con il simbolo “meno” e mettile in
Vai in app/code/skin/frontend/MyInterface/MyTheme/images
chimandole rispettivamente “expand.gif” e “collapse.gif”
Poi apri il file “boxes.css” in
app/code/skin/frontend/MyInterface/MyTheme/css
ed aggiungici questo codice:
.vertcatalog {
display:block;
padding:3px 10px 3px;
background:url(../images/category_bg.gif) repeat-x 0 100% #fff;
}
.vertcatalog_selected {
display:block;
padding:3px 10px 3px;
background:url(../images/category_selected_bg.gif) repeat-x 0 100% #fff;
}
.vertcatalog_level0 {
border-bottom:1px solid;
border-color:#908ABC;
display:block;
padding:3px 10px 3px;
background:url(../images/base_mini_head_bg.gif) repeat-x #fff; padding:2px 8px; }
}
.active {
color:#2F2F2F;
font-size:1em;
font-weight:bold;
}
.active-tree {
font-weight:bold;
}
A me serve avere il primo livello di categorie (livello 0, quello che compare sulla barra di default) sempre espanso; questo codice infatti mi riporta l’albero verticale delle categorie con il livello 0 sempre aperto.
A presto.
|
