Zen Cart的模板设计

Zen Cart的模板设计比较复杂,需要一定的时间来熟悉。一旦你了解了它的结构,就会慢慢习惯了。

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

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

页面是通过CSS样式表来控制的。样式表控制表格单元的背景图案、字体的颜色和样式等等。所以,假如你需要修改边框标题栏的字体,那么查看样式表文件。

Zen Cart在页面添加图像有两种方式。可以使用图像目录的相对路径,或者在模板中用php变量定义图像。如果你使用https服务器,并且采用相对图像路径,那么https的图像目录下也要有同样的图像,否则https服务器很可能会给出警告提示。 www.444p.com

Zen Cart可以设置成任意的html/flash的界面,只是比通常的html页面的设计费时。你可以从修改缺省的模板开始,先修改CSS文件和三栏格式的界面。开始先采用不同的颜色,很快就可以设计出完全不同的风格。

最后,在设计模板前要先计划好你网页的内容,事半功倍。

下面是zen cart页面各部分相对应模板文件的一个列表:

www.444p.com

文件路径注释
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所有页面的页脚
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值