[ZC 开发] 英文商城之:如何设计自己的zencart模板

2010年8月9日星期一 | | |

最近一直在学习用zencart来做英文商城,只是自己的php知识有限,就只能在网上找资料来学习,下面这文章不错,有兴趣的朋友也可以看看

很多朋友爱刚接触到zencart的时候总感觉太麻烦,特别是入门阶段,在安装后系统后,看 到默认的模板自然是不会太喜欢,但一看到别人的很漂亮的站,又恨不能自己马上DIY一个模板出来,TOM在这收集了些从网络上找来的关于DIY你的 zencart模板需要了解的文档资料和对应的文件注释,希望对大家有帮助!


具体的认知步骤可以分为以下几点:


首先要阅读常见问答部分的:如何添加、制作新模板。 ZenCart的设计没有什么特别,与以前设计HTML页面是一样的。只是整个页面分成了好几个部分,并加入了PHP代码。


通常,页面分为页眉(header),页脚(footer),边框(sideboxes)。所以设计页面的时候,要记住ZenCart是如何组织这些页面的。


页面是通过CSS样式表来控制的。样式表控制表格单元的背景图案、字体的颜色和样式等等。所以,假如你需要修改边框标题栏的字体,那么查看样式表文件。
ZenCart在页面添加图像有两种方式。可以使用图像目录的相对路径,或者在模板中用php变量定义图像。如果你使用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/tmp_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
所有页面的页脚

 
 
我的QQ空间
复制克隆zencart网站模板的方法
首先说明的是,这里只是说明复制网站模板的理论,用于学习用途,...
 

0 评论:


所有文章收集于网络,如果有牵扯到版权问题请与本站站长联系。谢谢合作![email protected]