大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
ZenCart的模板设计说简单其实也挺简单的说复杂也比较复杂，需要一定的时间来熟悉。一旦你了解了它的结构，就会慢慢习惯了。
首先要阅读常见问答部分的：如何添加、制作新模板。ZenCart的设计没有什么特别，与以前设计HTML页面是一样的。只是整个页面分成了好几个部分，并加入了php代码。（设计Zencart模板制作需要理解PHP和CSS样式定义)
通常，页面分为页眉(header)，页脚(footer)，边框(sideboxes)。所以设计页面的时候，要记住ZenCart是如何组织这些页面的。
页面是通过Css样式表来控制的。样式表控制表格单元的背景图案、字体的颜色和样式等等。所以，假如你需要修改边框标题栏的字体，那么查看样式表文件。（这里推荐使用IE8开发者工具来调整）
ZenCart在页面添加图像有两种方式。可以使用图像目录的相对路径，或者在模板中用php变量定义图像。如果你使用https服务器，并且采用相对图像路径，那么https的图像目录下也要有同样的图像，否则https服务器很可能会给出警告提示。（这个其实无所谓的 开通https需要刀的没有必要呵呵）
ZenCart可以设置成任意的html/flash的界面，只是比通常的html页面的设计费时。你可以从修改缺省的模板开始，先修改CSS文件和三栏格式的界面。开始先采用不同的颜色，很快就可以设计出完全不同的风格。
最后，在设计模板前要先计划好你网页的内容，事半功倍。
下面是zencart页面各部分相常用对应模板文件的一个列表：
| 文件路径 | 注释 |
| index.php | 主文件 |
| includes/templates/[custom template folder]/common/html_header.php | 页面的head部分 |
| includes/templates/[custom template folder]/common/tpl_main_page.php | 页面的body部分 |
| includes/templates/[custom template folder]/common/tpl_header.php | 所有页面的页眉 |
| (column left) | |
| includes/templates/[custom template folder]/common/main_template_vars.php | 决定页面的内容部分，缺省为 ‘tmp_index_default.php’ |
| 首页 – 缺省 | |
| includes/templates/[custom template folder]/templates/tpl_index_default.php | 首页模板文件 |
| 首页 – 显示分类 | |
| includes/templates/[custom template folder]/templates/tpl_index_categories.php | 首页上显示分类时的模板文件 |
| includes/modules/[custom template folder]/pages/index/category_row.php | 选择要显示的分类 |
| includes/templates/[custom template folder]/templates/tpl_index_category_row.php | 显示分类 |
| 首页 – 显示指定分类 | |
| includes/templates/[custom template folder]/templates/tpl_index_product_list.php | 首页上显示指定的分类时采用的模板文件 |
| includes/modules/[custom template folder]/product_listing.php | 将商品数据添加到数组 |
| includes/templates/[custom template folder]/templates/tpl_modules_product_listing.php | 显示商品数量和商品导航菜单 |
| includes/templates/[custom template folder]/common/tpl_list_box_content.php | 显示商品数组 |
| 商品信息页面 | |
| includes/templates/[custom template folder]/templates/tpl_product_info_display.php | 显示单件商品信息 |
| 购物车页面 | |
| includes/templates/[custom template folder]/templates/tpl_shopping_cart_default.php | 购物车页面 |
| (column right) | |
| includes/templates/[custom template folder]/common/tpl_footer.php | |
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/164586.html原文链接：https://javaforall.net
