Magento网站点击一个产品分类（Category）后会直接显示产品列表（Product Listings），无论这个产品分类下面有没有子分类（subcategory）。但是有些网站，因为产品多、分类多，希望在分类页面显示子分类而不是直接显示产品，例如下图：

最近恰好有位朋友有这方面的需求，现把解决方法记录如下：（注：Magento版本为1.702，其它版本未测试。）

1. 创建一个 sub-categories.phtml 文件（内容在下面文档中），上传到 app/design/frontend/base/default/template/catalog/navigation/sub-categories.phtml

2. FTP中找到/app/code/core/Mage/Catalog/Model/Category.php 这个文件，将Category.php下载到本地，用文档编辑器打开，在大约491行找到这段代码

public function getImageUrl()
{
$url = false;
if ($image = $this->getImage()) {
$url = Mage::getBaseUrl(’media’).’catalog/category/’.$image;
}
return $url;
}

在它下面加上如下代码：

/**
* Retrieve thumbnail image URL
*
* @return string
*/
public function getThumbnailImageUrl($fullpath = false)
{
$url = false;
if ($image = $this->getThumbnail()) {
if ($fullpath == true) {
$url = Mage::getBaseUrl(’media’).’catalog/category/’.$image;
} else {
$url = $image;
}
}
return $url;
}

保存后上传到/app/code/local/Mage/Catalog/Model/Category.php

3. 登录Magento网站后台，创建一个 Static Block

Block Title: Sub Category Listing
Identifier: sub-categories
Content: {{block type="catalog/navigation" template="catalog/navigation/sub-categories.phtml"}}

4. 到产品分类管理页面 (Catalog -> Manage Categories)

选择一个有子分类的主分类，在 Display Settings 选项下
Display mode: Static block only
CMS Block: Sub Category Listing
Is Anchor: No

给每个子分类添加一个 thumbnail image

5. 将下面一段代码添加到模板的 style.css文件中

/***** Category Sub Listing *************************************/
.category-box {
text-align: center;
float:left;
margin:05px 30px 30px 0px;
width: 200px;
}
.category-image-box {
height:200px;
width: 200x;
border: 1px solid #EEE;
}
.category-image-box img {
padding: 4px 0px 0px 0px;
}
.category-name a:link, .category-name a:visited {
font-weight: bold;
font-size: 16px;
text-decoration: none;
}
.category-name a:hover, .category-name a:active {
color: #406873;
transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-webkit-transition: color 0.2s ease-out;
}

刷新缓存，效果如下，你也可以根据自己的模板和需求调整上面的css代码：