文档介绍：ecshop 模板修改制作教程 ecshop 模板修改制作说明文档( 转载自互联网) ECshop 模板制作教程授人以鱼,不如授人以渔, EC 就算作再多的模板,肯定也满足不了我们的需要,更何况各行有各行的门道, EC 统一做出来的模板也不一定合适于我们这个行业用,因此,只有我们真正掌握了自己做模板、修改模板的功夫, 才能真正的打造适合自己的电子商务平台, 真正打造符合自己行业内的客户台。本教程适用于了解 ECshop 和 ECshop 模板 DIY 以及它们的日常使用,在查看前阁下需要至少会使用一种编辑器( exp : Dreamweaver 、 editplus 、 emacs 、 vi、 ee ... 意思就是可视化的 html 编辑器或者直接文本编辑器,我在讲的时候用 Dreamwaver 来讲,这样比较适合初学者和设计师) 。这个教程目前由我一个人维护, 但我相信, 过不了多久就会有多人持续地维护。其中的内容需要不断地更新。如果您有兴趣参加,嘿嘿, PM 我。我们一起为大家服务啊。通过对本教程的学习, 只要您边看边跟着做, 一定能够学会自己做模板的。:) 下列章节的适用于 ECshop 程序。同时这里许多内容和一些 Smarty 相关。假如您已经熟悉这些内容可跳过不阅读。假如您是 ECshop 新手并且想 DIY 一下自己的店铺, 那您应该认真详细地从头到尾读一遍下面章节。( ps :大家不要紧张,我会尽量用人类的语言和大家交流, 实在万不得已才会用机器语言展示给大家)希望大家能够通过本教程,想要什么模板都能自己做出来。哈哈!一起加油吧! 第一章 ECshop 模板基础读取本部分内容,您将了解: ☆每个前台页面所对应的模板页面,模板文件的目录结构。☆一些最基本的 ECshop 模板修改方法。☆模板的路径以及相关包含文件的方法( 深入了解 Dreamweaver 模板制作)。☆一些常用模板例子讲解。模板存放路径: ecshop/themes/xxxxx 其中的 xxxxx 就是某一套模板,如,系统一般会自带的模板文件名叫做 default , (即, ecshop/themes/default ) 里面放的就是安装时的默认模板, 以下所有的说明都是针对默认模板来讲解。操作前提, 将您当前使用的模板调整为 default 模板,然后清空缓存。接下来我们进入 default 目录,可以看到以下文件目录: 文件目录如下: images/ ( 存放模板中用到的图片) library/ ( 存放一些小模板文件及重复被用到的模板文件) ( 模板样式文件) ( 首页的模板 ) ( 商品显示页的模板 ) *.dwt ( 文件) 什么?难道你不相信这些就是模板吗?好,那我证明给你看看。我们把 images 里面的文件的名字,改为 ,然后我们随便找一张 gif 图片,起名为放到 images 目录中,然后我们刷新首页。看到没?首页 logo 被修改了。如果你觉得大小不合适,那么我们打开 library 目录中的查看源代码,然后搜索 images/ 然后看它后面 width="130" height="56" 把 130 和 56 改为相应的值就可以了,到前台刷新看看。接下来我们用 dreamweaver 打开文件,在源代码中搜索{$page_title} , 找到后,将{$page_title} 修改为“超级无敌的大卖场”, 然后到浏览器前台刷新, 看看页面有什么变化。什么?没有发现吗?看看浏览器头部啊, 呵呵, 是不是网站的标题被改变了?哈哈,对, {$page_title} 就是网站标题的标签(注:标签是从“{”开始到“}”结束哦,“{”和“}”属于标签的一部分)。整个 ECshop 的模板就是一个一个这样的标签组成了, 控制网站内容和数据的动态显示。比如( {$keyWords} ) 控制网站的关键字标签,( {$description} ) 网站描述标签, (这就是模板中的标签,每个标签都会对应程序里面的一个值, 网站运行时模板引擎会来读取模板页面, 然后把对应的标签用对应的值进行替换,就显示出我们看到的网站页面了,明白了吧)。很简单吧, 如果你上一步你操作非常的容易的话, 接下来的学习也是一样的哦。接下来要怎么改呢? 大家不要着急, 欲速则不达, 呵呵, 下面我们真正开始做 ECshop 的模板了, (不懂 HTML 的观众准备好 Dreamweaver 哦)。 1.