文档介绍:ecshop 模板修改!!!!!!
ECshop 模板制作教程(转) 收藏
授人以鱼,不如授人以渔,EC 就算作再多的模板,肯定也满足不了我们的需要,更何况各行
有各行的门道,EC 统一做出来的模板也不一定合适于我们这个行业用,因此,只有
我们真正掌握了自己做模板、修改模板的功夫,才能真正的打造适合自己的电子商务平台,
真正打造符合自己行业内的客户****惯的电子商务平台。本教程适用于了解 ECshop 和 ECshop
模板 DIY 以及它们的日常使用, 在查看前阁下需要至少会使用一种编辑器( exp :
Dreamweaver 、editplus 、emacs 、vi 、ee ... 意思就是可视化的 html 编辑器或者直接
文本编辑器,我在讲的时候用 Dreamwaver 来讲,这样比较适合初学者和设计师)。这个教程
目前由我一个人维护,但我相信,过不了多久就会有多人持续地维护。其中的内容需要不断
地更新。如果您有兴趣参加,嘿嘿, PM 我。我们一起为大家服务啊。通过对本教程的学****br/>只要您边看边跟着做,一定能够学会自己做模板的。:)
下列章节的适用于 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 的模板了,(不懂 HT