商业模板修改教程

## 1. 查找修改区域代码
在页面上需要修改的部位点击右键选择【审查元素】或【检查】，在弹出的调试框可以看到修改部位的代码结构被浏览器高亮显示。
也可以按键盘上F12键，调出调试工具，选择【Elements】，即可查看当前页的代码。
![](http://help.metinfo.cn/upload/201802/151842252729015.jpg)
![](http://help.metinfo.cn/upload/201802/151842279893205.jpg)
## 2. 查找修改区域所在UI区块的名称
从调试框中的高亮代码逐行网上查找父级元素，当某行的元素含有属性`m-id`时（`m-id`即该UI区块的id属性），查找该元素的`class`属性，`class`中包含一个`_met_`字符的类名，该类名即所在UI的分类编号。
![](http://help.metinfo.cn/upload/201802/151842415989239.jpg)
上图所示，修改区域向上查找到父级元素中含有`m-id`属性的元素，其`class`属性中`head_nav_met_16_1`为UI名信息：`head_nav`为UI分类，`met_16_1`为UI编号。
## 3. 查找页面文件
进入后台-【栏目】，查看当前栏目的所属模块以及当前页面是列表页还是详情页，根据所属模块页面对照 [模板目录结构](../muban/show.php?id=190#模板目录结构 "模板目录结构") 查找到当前页面的模板文件
![](http://help.metinfo.cn/upload/201802/151842628376741.jpg)
## 4. 查找修改区块的UI文件
- ### `UI`标签引入的文件
例如：修改页面文件为index.php的头部文件-head.php，
![](http://help.metinfo.cn/upload/201802/151842659153249.jpg)
找到和修改区块的UI信息对应的UI语句（UI分类：`head_nav`，UI编号：`met_16_1`，id：27）。
接下来，进入模板根目录下的`UI`文件夹，按照`UI分类`-`UI编号`的路径找到修改区块所在的UI文件夹，该文件夹包含需要修改的文件。
![](http://help.metinfo.cn/upload/201802/151842722460595.jpg)
- ### `include`标签引入的文件
可查看模板标签大全中的 [include 文件引入标签](https://help.metinfo.cn/mb/204.html#include 文件引入标签 "文件引入标签") 来找到引入文件