zencart模板分析

全栈程序员站长

发布于 2022-09-18 12:39:49

1.3K0

文章被收录于专栏：全栈程序员必看全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

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