最新消息:觉得本站不错的话 记得收藏哦 博客内某些功能仅供测试 讨论群:135931704 快养不起小站了 各位有闲钱就打赏下把 My Email weicots#gmail.com Please replace # with @

Magento 添加左侧目录商品菜单导航栏及子栏

Magento 资料整理 ajiang-tuzi 5619浏览

目标:
首页左侧显示商品目录
内页显示同级目录及父、子目录
商品详细页面显示一路父目录
本范例比较适合综合站使用,当然单独站也兼容。

image002
左侧目录全部展开的情况
image003

展开了二级目录

image004
定位到Magento三级目录
实现:
布局设置,
app\design\frontend\default\default\layout\catalog.xml 加,

<reference name=”left”>
<block type=”catalog/navigation” name=”cms_catalog” template=”catalog/catalog.phtml”/>
</reference>

模板文件,

app\design\frontend\default\default\template\catalog 建catalog.phtml,内容为:
<style>.currentCategory{color:#004cb8; font-weight:bold;}</style>
<!-- -->
<div id="leftNavContainer" name="leftNavContainer">
<?php
$_cat = $this->getCurrentCategory();
$current_cat = (is_object($_cat) ? $_cat->getName() : '');
$leftNav = '<ul id="leftNav" name="leftNav">';
switch( $_cat -> getLevel() ){
case '2':
default:
$leftNav .= '<li class="leftnav_title"><a href="'.$this -> getCategoryUrl($_cat).'" class="currentCategory">'.$_cat -> getName().'</li>';
$_categories = $_cat->getChildrenCategories();
$leftNav .= '<ul>';
foreach( $_categories as $_category ){
$leftNav .= '<li class="lefnavtwo"><a href="'.$this -> getCategoryUrl( $_category ).'" >'.$_category -> getName().'</a></li>';
}
$leftNav .= '</ul>';
break;
case '3':
$_parent = $_cat -> getParentCategory();
$leftNav .= '<li class="leftnav_title"><a href="'.$this -> getCategoryUrl($_parent).'">'.$_parent -> getName().'</a></li>';
$_categories = $_parent -> getChildrenCategories();
$leftNav .= '<ul>';
foreach( $_categories as $_category ){
$leftNav .= '<li class="lefnavtwo">';
if( $current_cat == $_category->getName() ){
$leftNav .= '<a class="currentCategory" href="'.$this -> getCategoryUrl( $_category ).'" >'.$_category -> getName().'</a>';
$leftNav .= '<ul>';
if( $_category -> hasChildren() ){
$childCategoies = $_category -> getChildrenCategories();
foreach( $childCategoies as $_ccategory ){
$leftNav .= '<li class="lefnavthree"><a href="'.$this -> getCategoryUrl( $_ccategory ).'" >'.$_ccategory -> getName().'</a></li>';
}
}
$leftNav .= '</ul>';
}else{
$leftNav .= '<a href="'.$this -> getCategoryUrl( $_category ).'" >'.$_category -> getName().'</a>';
}
$leftNav .= '</li>';
}
$leftNav .= '</ul>';
break;
case '4':
$_parent = $_cat -> getParentCategory();
$_pname = $_parent -> getName();
$_pparent = $_parent -> getParentCategory();
$leftNav .= '<li class="leftnav_title"><a href="'.$this->getCategoryUrl($_pparent).'">'.$_pparent -> getName().'</h3></li>';
$_categories = $_pparent -> getChildrenCategories();
$leftNav .= '<ul>';
foreach( $_categories as $_category ){
$leftNav .= '<li class="lefnavtwo">';
$leftNav .= '<a href="'.$this -> getCategoryUrl( $_category ).'" >'.$_category -> getName().'</a>';
if( $_pname == $_category->getName() ){
$_categories = $_category -> getChildrenCategories();
$leftNav .= '<ul>';
foreach( $_categories as $_ccategory ){
$leftNav .= '<li class="lefnavthree">';
if( $current_cat == $_ccategory -> getName() ){
$leftNav .= '<a class="currentCategory" href="'.$this -> getCategoryUrl( $_ccategory ).'" >'.$_ccategory -> getName().'</a>';
}else{
$leftNav .= '<a href="'.$this -> getCategoryUrl( $_ccategory ).'" >'.$_ccategory -> getName().'</a>';
}
$leftNav .= '</li>';
}
$leftNav .= '</ul>';
}
$leftNav .= '</li>';
}
$leftNav .= '</ul>';
break;
}
$leftNav .= '</ul>';
echo $leftNav;
?>
</div>
<!-- -->

备注:本文转自其他博客 经测试1.9X可用

转载请注明:(●--●) Hello.My Weicot » Magento 添加左侧目录商品菜单导航栏及子栏

蜀ICP备15020253号-1