Zen Cart的设计很简单,和其他HTML页面是一样的。只是整个页面分成了几个部分,并加入了PHP代码。
通常分为页眉 (header),页脚(footer),边框(sideboxes)。页面通过CSS样式表来控制,样式表控制了包括表格单元的背景图案、字体颜色和样 式等等,所以假如你需要修改边框标题栏的字体,那么就去查看样式表文件。
Zen Cart在页面添加图像有两种方式。可以使用图像目录的相对路径,或者在模板中用php变量定义图像。如果你使用https服务器,并且采用相对图像路 径,那么https的图像目录下也要有同样的图像,否则https服务器很可能会给出警告提示。
Zen Cart可以设置成任意的html/flash的界面,只是比通常的html页面的设计费时。你可以从修改缺省的模板开始,先修改CSS文件和三栏格式的 界面。开始先采用不同的颜色,很快就可以设计出完全不同的风格。

zen cart各部分页面相对应模板文件列表:

文件路径 注释
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 所有页面的页脚

Zencart模板结构和设计详解相关推荐

  1. spring boot模板引擎thymleaf用法详解

    spring boot模板引擎thymleaf用法详解 Spring-boot支持FreeMarker.Thymeleaf.jsp.veocity 但是对freemarker和thymeleaf的支持 ...

  2. 分布式 | Dubbo 架构设计详解

    转载自   分布式 | Dubbo 架构设计详解 Dubbo是Alibaba开源的分布式服务框架,它最大的特点是按照分层的方式来架构,使用这种方式可以使各个层之间解耦合(或者最大限度地松耦合).从服务 ...

  3. (15)System Verilog结构体struct详解

    (15)System Verilog结构体struct详解 1.1 目录 1)目录 2)FPGA简介 3)System Verilog简介 4)System Verilog结构体struct详解 5) ...

  4. 【转】Dubbo架构设计详解

    本文转自:Dubbo架构设计详解,原作者是:时延军 Dubbo是Alibaba开源的分布式服务框架,它最大的特点是按照分层的方式来架构,使用这种方式可以使各个层之间解耦合(或者最大限度地松耦合).从服 ...

  5. java 修改mysql数据库表结构_MYSQL数据库表结构优化方法详解

    摘要:这篇MySQL栏目下的"MYSQL数据库表结构优化方法详解",介绍的技术点是"mysql数据库表结构.MySQL数据库.数据库表结构.MySQL.据库表结构.数据库 ...

  6. mysql安装后目录介绍,MySQL安装后的目录结构及配置文件详解

    MySQL安装后的目录结构及配置文件详解 MySQL安装后的目录结构及配置文件详解 MySQL目录结构说明 MySQL 安装完成后,会在磁盘上生成一个目录,该目录就被称为 MySQL 的安装目录. M ...

  7. 单片机控制两个步进电机画圆_基于单片机的步进电机转速控制设计详解(附程序)...

    步进电机是将电脉冲信号转变为角位移或线位移的开环控制元件.在非超载的情况下,电机的转速.停止的位置只取决于脉冲信号的频率和脉冲数,而不受负载变化的影响,即给电机加一个脉冲信号,电机则转过一个步距角.这 ...

  8. Axure-中继器结构与原理详解

    本文转自:Axure原创教程网>>中继器结构与原理详解   中继器这个元件,对很多人来说是个难点.但实际上,只要理解它的结构和工作原理,使用起来非常简单.首先,我们将中继器元件拖入画布,是 ...

  9. MySQL目录结构以及配置文件详解

    昨天给大家进行了数据库介绍,今天将正式带领大家进入我们的课题MySQL讲解部分,首先给大家介绍一下MySQL安装后的目录结构和配置文件详解. 一.MySQL的目录结构 1.bin目录 用于放置一些可执 ...

  10. hbase 二进制数据写入_分布式数据库HBase的架构设计详解(有彩蛋)

    原标题:分布式数据库HBase的架构设计详解(有彩蛋) 本文根据DBAplus社群第99期线上分享整理而成,文末还有好书送哦~ 讲师介绍 陈鸿威 云财经大数据CTO 曾任百度高级工程师,现主持设计开发 ...

最新文章

  1. 用ASP.Net(C#)连接Oracle数据库的方法
  2. 使用Caffe基于cifar10进行物体识别
  3. linux c语言工具,Linux下C语言编程环境的工具.doc
  4. mysql 获取游标索引_MYSQL视图 事务 游标 索引及其使用
  5. Ubuntu 16.04安装VMware-Workstation-12
  6. 线性代数回顾.pptx
  7. VerbalExpressions
  8. 硬件电路基础(2)RF 一些概念
  9. 程序员遇到问题的解决之道
  10. selenium火狐驱动_在Selenium Firefox驱动程序上运行测试
  11. 大数据相加_清华大学黄高——图像数据的语义层扩增方法
  12. 智能楼宇一卡通系统QY-LY04A
  13. 05JavaScript输出
  14. 考研经验计算机信息技术,考研经验:失败者的4条血泪教训
  15. ElasticSearch的REST APIs 之 索引的别名(alias)管理
  16. Python机器学习05——判别分析
  17. MTCNN人脸检测---PNet网络训练
  18. couchbase_Couchbase评论:智能NoSQL数据库
  19. java的 oo_Java OO 知识总结
  20. 【CCF】NOIP2008初赛试题下载

热门文章

  1. html img 能显示psd吗_psd变成html
  2. 数据库和SpringBoot
  3. 机器学习笔试题精选(六)
  4. 2022杭州云栖大会定档11月3日至5日:技术产品发布+超4万平科技展
  5. 一文读懂中国历代龙纹演变(推荐收藏)
  6. docker与宿主机通信
  7. 在48小时内了解智能制造,让你少走弯路
  8. [AHK]新浪实时股票数据接口
  9. 示波器的 带宽 采样率 存储深度
  10. Vue指令概述,v-if与v-show的区别