Magento是个很强大的php网店建站系统。它将模块与结构皮肤分离得相当清晰，为建站提供很大的灵活性和定制性。但是这点也造成了它上手困难的缺陷。可以说不看相关文档会觉得一头雾水，除了CSS根本不知道上哪里去改HTML结构和修改模块的位置。Magento对主题定制方面没有很好的图形界面支持，为了弥补这点，它设计了一个便于前端工作者制作主题的Debug模式。让前端工作者可以在浏览页面的时候轻松找到它的HTML结构文件和布局用名。

下面就来介绍一下如何开启Magento自带的Debug模式。

1. 进入你的Magento后台系统。（Magento站点地址后面加admin/）
2. System -> Configuration -> Advanced -> Debug

3.在左侧的Current Configuration Scope下拉菜单中，选择你要debug的站点名称。（注意：这步一定要做，否则是看不到后面设置选项的）

4.打开Debug选项卡。会出现两个选项，Template Path Hints设置为Yes则每张页面每一个结构左上角会显示app\design\frontend\下template文件的相对路径（包括文件名），Add Block Names to Hints设置为Yes则每一个结构右上角会显示它在Layout布局xml中的name属性值。

这里建议两个都设置为Yes。选好后，点击页面右上角的Save Config按钮保存设置。

设置完成后，再回到你的网站，就能看到如下图的界面。