First backup your view.phtml file
Path : app/design/frontend/base/default/template/catalog/layer/view.phtml
and remove all view.phtml file code and replace this code
<?php
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/**
* Category layered navigation
*
* @see Mage_Catalog_Block_Layer_View
*/
?>
<div class="category_nav">
<div class="category_list">
<p class="category_list_head"><span>Products</span></p>
<?php $_helper = Mage::helper('catalog/category') ?>
<?php $_categories = $_helper->getStoreCategories() ?>
<?php $currentCategory = Mage::registry('current_category') ?>
<?php if($currentCategory){?>
<?php $parentCat = $currentCategory->getParentCategory(); ?>
<?php if (count($_categories) > 0): ?>
<ul>
<?php foreach ($_categories as $_category): ?>
<?php
if ($currentCategory && $currentCategory->getId() == $_category->getId() || $parentCat && $parentCat->getId() == $_category->getId()):
?>
<li class="current_category">
<?php else: ?>
<li>
<?php endif; ?>
<a href="<?php echo $_helper->getCategoryUrl($_category) ?>">
<?php echo $_category->getName() ?>
</a>
<?php
if ($currentCategory && $currentCategory->getId() == $_category->getId() || $parentCat && $parentCat->getId() == $_category->getId()):
?>
<?php $_category = Mage::getModel('catalog/category')->load($_category->getId()); ?>
<?php $_subcategories = $_category->getChildrenCategories() ?>
<?php if (count($_subcategories) > 0): ?>
<div class="current_category_con">
<ul>
<?php foreach ($_subcategories as $_subcategory): ?>
<?php $loadedSubCategory = Mage::getModel('catalog/category')->load($_subcategory->getId()); ?>
<?php if($loadedSubCategory->getIncludeInMenu()): ?>
<li class="current_subcategory">
<a href="<?php echo $_helper->getCategoryUrl($_subcategory) ?>">
<?php echo $_subcategory->getName() ?>
</a>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
<div class="left-cat">
<?php if($this->canShowBlock()): ?>
<div class="category_filter">
<?php echo $this->getStateHtml() ?>
<?php if ($this->getLayer()->getState()->getFilters()): ?>
<div class="actions"><a href="<?php echo $this->getClearUrl() ?>"><?php echo $this->__('Clear All') ?></a></div>
<?php endif; ?>
<?php if ($this->canShowOptions()): ?>
<?php $_filters = $this->getFilters() ?>
<?php foreach ($_filters as $_filter): ?>
<?php if ($_filter->getItemsCount() && $_filter->getType() != "catalog/layer_filter_category"): ?>
<div class="filter_listing"><div><?php echo $this->__($_filter->getName()) ?></div><?php echo $_filter->getHtml() ?></div>
<?php endif; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</div>
<?php else:?>
<div class="left-cat">
<?php if($this->canShowBlock()): ?>
<div class="category_filter">
<?php echo $this->getStateHtml() ?>
<?php if ($this->getLayer()->getState()->getFilters()): ?>
<div class="actions"><a href="<?php echo $this->getClearUrl() ?>"><?php echo $this->__('Clear All') ?></a></div>
<?php endif; ?>
<?php if ($this->canShowOptions()): ?>
<?php $_filters = $this->getFilters() ?>
<?php foreach ($_filters as $_filter): ?>
<?php if ($_filter->getItemsCount() && $_filter->getType() != "catalog/layer_filter_category"): ?>
<div class="filter_listing"><div><?php echo $this->__($_filter->getName()) ?></div><?php echo $_filter->getHtml() ?></div>
<?php endif; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
<?php }else{?>
<div class="left-cat">
<?php if($this->canShowBlock()): ?>
<div class="category_filter">
<?php echo $this->getStateHtml() ?>
<?php if ($this->getLayer()->getState()->getFilters()): ?>
<div class="actions"><a href="<?php echo $this->getClearUrl() ?>"><?php echo $this->__('Clear All') ?></a></div>
<?php endif; ?>
<?php if ($this->canShowOptions()): ?>
<?php $_filters = $this->getFilters() ?>
<?php foreach ($_filters as $_filter): ?>
<?php if ($_filter->getItemsCount()): ?>
<div class="filter_listing"><div><?php echo $this->__($_filter->getName()) ?></div><?php echo $_filter->getHtml() ?></div>
<?php endif; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<?php }?>
</div>
</div>
<?php
$_description = Mage::getModel('catalog/layer')->getCurrentCategory()->getDescription();
if($_description):
?>
<div class="category-description std">
<?php echo $_description; ?>
</div>
<?php endif; ?>
Here Css please copy all css and past your css file
<style>
.category_nav .category_list_head {
background: url("../images/category_bullet.jpg") no-repeat scroll 0 0 #225e97;
color: #fff;
font-size: 21px;
margin: 0 0 1px;
padding: 8px 8px 8px 55px;
text-transform: uppercase;
}
.category_nav .category_list_head span {
background: url("../images/category_lines.jpg") no-repeat scroll 95% 3px rgba(0, 0, 0, 0);
display: block;
}
.category_nav .category_list ul li {
margin-bottom: 1px;
}
.category_nav .category_list ul li > a {
background: none repeat scroll 0 0 #a5c938;
color: #fff;
display: block;
padding: 8px 15px;
text-decoration: none;
text-transform: uppercase;
}
.category_nav .category_list ul li.current_category > a {
background: none repeat scroll 0 0 #6f8d22;
color: #fff;
display: block;
padding: 8px 15px;
text-decoration: none;
text-transform: uppercase;
}
.current_category_con {
border-left: 1px solid #a5c938;
border-right: 1px solid #a5c938;
padding: 10px;
margin-top: 1px;
display: none;
}
.category_nav .category_list .current_category_con ul li a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000;
font-size: 12px;
line-height: 18px;
padding: 5px 0 5px 10px;
text-decoration: none;
text-transform: uppercase;
}
.current_category .current_category_con .left-cat {
margin-left: 12px;
}
.category_nav .category_list .current_category .current_category_con {
display: block;
}
.filter_listing {
margin-top: 8px;
}
.category_filter .filter_listing div {
border-top: 1px solid #b7b7b7;
color: #a7c937;
font-size: 14px;
font-weight: normal;
margin-bottom: 0;
padding: 4px 0;
text-transform: uppercase;
}
.category_filter .filter_listing ol {
margin-bottom: 1px;
}
.category_nav .category_list .category_filter .filter_listing ol li {
text-transform: inherit !important;
}
.category_nav .category_list .category_filter .filter_listing li a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
color: #000 !important;
display: inline !important;
padding: 0 !important;
text-decoration: none;
text-transform: uppercase;
}
.price {
white-space: nowrap !important;
}
.category_nav .category_list ul li > a.btn-remove {
background-image:url(../images/btn_remove.gif);
display: inline-block;
float: right;
padding-bottom: 0;
padding-right: 0;
padding-top: 0;
width:0px;
height:11px;
}
</style>
Clear cache and refresh browser ;)
(0) comments