First as usual, please backup these files in case a mistake is made or you want it back to the original configuration after you do it.
OK this is what I did, start with the category.tpl file.
Path:
\catalog\template\default\content\category.tpl
Change:
Code: Select all
<div class="categories"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" title="<?php echo $category['name']; ?>" alt="<?php echo $category['name']; ?>"></a><br>Code: Select all
<div class="categories"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>THEN in css:
Path:
catalog\template\default\css\default.css
CHANGE:
Code: Select all
.products, .images, .categories {
float: left;
width: 33.3%;
text-align: center;
cursor: pointer;
font-size: 10px;
height: 140px;
}Code: Select all
.products, .images {
float: left;
width: 33.3%;
text-align: center;
cursor: pointer;
font-size: 10px;
height: 140px;
}
.categories {
float: left;
width: 25%;
text-align: center;
cursor: pointer;
font-size: 12px;
height: 20%;
text-decoration: underline;
}and then upload them to their normal locations.
use .categories settings in default.css (the one you just edited) to change the sizing, spacing of the subcats.
~April
