《ecshop模板修改制作教程》由会员分享，可在线阅读，更多相关《ecshop模板修改制作教程（20页珍藏版）》请在金锄头文库上搜索。
1、ecshopecshop 模板修改制作教程模板修改制作教程ecshop 模板修改制作说明文档(转载自互联网)ECshop 模板制作教程授人以鱼，不如授人以渔，EC 就算作再多的模板，肯定也满足不了我们的需要，更何况各行有各行的门道，EC 统一做出来的模板也不一定合适于我们这个行业用，因此，只有我们真正掌握了自己做模板、修改模板的功夫，才能真正的打造适合自己的电子商务平台，真正打造符合自己行业内的客户习惯的电子商务平台。本教程适用于了解 ECshop 和 ECshop 模板 DIY 以及它们的日常使用，在查看前阁下需要至少会使用一种编辑器（exp：Dreamweaver 、editplus 、e
2、macs 、vi 、ee . 意思就是可视化的 html 编辑器或者直接文本编辑器，我在讲的时候用Dreamwaver 来讲，这样比较适合初学者和设计师） 。这个教程目前由我一个人维护，但我相信，过不了多久就会有多人持续地维护。其中的内容需要不断地更新。如果您有兴趣参加，嘿嘿，PM 我。我们一起为大家服务啊。通过对本教程的学习，只要您边看边跟着做，一定能够学会自己做模板的。:)下列章节的适用于 ECshop 程序。同时这里许多内容和一些 Smarty 相关。假如您已经熟悉这些内容可跳过不阅读。假如您是 ECshop 新手并且想 DIY 一下自己的店铺， 那您应该认真详细地从头到尾读一遍下面章节
3、。 （ ps ：大家不要紧张，我会尽量用人类的语言和大家交流，实在万不得已才会用机器语言展示给大家）希望大家能够通过本教程，想要什么模板都能自己做出来。哈哈！一起加油吧！第一章 ECshop 模板基础读取本部分内容，您将了解： 每个前台页面所对应的模板页面，模板文件的目录结构。 一些最基本的 ECshop 模板修改方法。 模板的路径以及相关包含文件的方法（深入了解 Dreamweaver 模板制作） 。 一些常用模板例子讲解。模板存放路径：ecshop/themes/xxxxx 其中的 xxxxx 就是某一套模板，如，系统一般会自带的模板文件名叫做 default ， （即，ecshop/th
4、emes/default ）里面放的就是安装时的默认模板，以下所有的说明都是针对默认模板来讲解。操作前提，将您当前使用的模板调整为 default 模板，然后清空缓存。接下来我们进入 default 目录，可以看到以下文件目录：文件目录如下：images/ (存放模板中用到的图片)library/ (存放一些小模板文件及重复被用到的模板文件)style.css (模板样式文件)index.dwt (首页的模板 index.php )goods.dwt (商品显示页的模板 goods.php )*.dwt (表示其它.dwt 文件)什么？难道你不相信这些就是模板吗？好，那我证明给你看看。我们把
5、images 里面的 logo.gif 文件的名字，改为 logo2.gif ，然后我们随便找一张 gif图片，起名为 logo.gif 放到 images 目录中，然后我们刷新首页。看到没？首页 logo 被修改了。如果你觉得大小不合适，那么我们打开 library 目录中的page_header.lib 查看源代码，然后搜索 images/logo.gif 然后看它后面 width=“130“ height=“56“ 把 130 和 56 改为相应的值就可以了，到前台刷新看看。接下来我们用 dreamweaver 打开 index.dwt 文件，在源代码中搜索$page_title ，找到
6、后，将$page_title 修改为“超级无敌的大卖场” ，然后到浏览器前台刷新，看看页面有什么变化。什么？没有发现吗？看看浏览器头部啊，呵呵，是不是网站的标题被改变了？哈哈，对，$page_title 就是网站标题的标签（注：标签是从“”开始到“”结束哦， “”和“”属于标签的一部分） 。整个ECshop 的模板就是一个一个这样的标签组成了，控制网站内容和数据的动态显示。比如（$keyWords）控制网站的关键字标签，（$description）网站描述标签， （这就是模板中的标签，每个标签都会对应程序里面的一个值，网站运行时模板引擎会来读取模板页面，然后把对应的标签用对应的值进行替换，就显
7、示出我们看到的网站页面了，明白了吧） 。很简单吧，如果你上一步你操作非常的容易的话，接下来的学习也是一样的哦。接下来要怎么改呢？大家不要着急，欲速则不达，呵呵，下面我们真正开始做 ECshop 的模板了， （不懂 HTML 的观众准备好 Dreamweaver 哦） 。1. 我们到/themes/default 目录中， 把 index.dwt 改名为index_bak.dwt ， 然后用 Dreamweaver 新建一个 HTML 文件，然后保存到/themes/default 目录中， 命名为index.dwt ，我们刷新前台看看，哈哈，什么也没有哦。好，在我们新建的 index.dwt
8、中找到，我们把 和 中间的内容替换为“$page_title” ，在和之间也放入一个$page_title ，刷新前台看看。嘿嘿，看到什么了？网站标题被打印出来了吧？如有操作时候有弹出对话框:点击确定就可以了，:)2. 接下来我们选择可视化界面编辑：然后在$page_title 后面按Enter 键换行，然后输入：“商店公告：$shop_notice” ，到浏览器刷新首页刷新看看。商店公告被调出来了，可以去网站后台，系统设置- 商店设置- 网店信息- 商店公告- 修改内容，然后到浏览器再刷新网站首页看看，呵呵，商店公告是被动态掉出来的哦。3. 继续在$shop_notice 后面按 Enter
9、 键换行，然后输入：代码如下：网站快讯：foreach from=$new_articles item=article$article.short_title/foreach注：换行的地方按 Enter 键哦。刷新前台看看，呵呵，网站快讯被调出来了。好我们再到网站后台，文章管理-网站列表- 添加文章，选择“网站快讯”这个分类，随便添加一篇内容，完成后前台刷新看看。两篇文章都被动态掉出来了。注释：代码如下：foreach from=$new_articles item=article : 循环的开始,/foreach : 循环的结束$new_articles: 为要循环的东西，这里为网站快讯$a
10、rticle.short_title : 快讯标题的标签模式为：foreach from=$post item=namecontent/foreachforeach from=$post item=name 和/foreach 标签中间可以任意添加要循环的内容 content（可以为任意的东西） ，循环的次数受到$post 的限制（这里要填什么我都会告诉大家的） 。name 为当前这个循环的对象，方便调用数据。以后这个循环我们会经常的用到哦。还是不懂也没有关系，每次遇到我都会讲那里要怎么设置的，多用就会了。我们也可以这么来写哦，注意：在代码编辑的视图里面编辑。代码如下：foreach from
11、=$new_articles item=article$article.short_title/foreach保存，刷新首页看看，表格被一行一行的循环出来了哦。下一章预告：产品列表调用，还有产品缩略图！产品分类调用！第二章 ECshop 模板进阶一人得道，鸡犬升天啊，谢谢 ECshop 将我提升为教程区版主，实在是荣幸啊，谢谢大家的支持，感谢零风、Arlicle 、Orange ，谢谢我的笔记本电脑小白（注：她是黑色的，我喜欢她变白，哈哈） ，谢谢我的电脑桌，谢谢我的椅子，谢谢卡卡布熊，谢谢大家！呵呵！模板教程继续啦！在我们上一章的基础上，我们在网站快讯的循环后面，按 Enter 键，输入“商
12、品列表” ，接着建立一个 2 行 3 列的表格，宽度为 70% ，表格边框为 1（为了让大家看清楚） 。代码如下：商品列表123456注：（ 1、2、3、4、5、6 这些个是序号，方便跟大家讲解）在这里，我们暂时先把下面这一行去掉（为了大家操作简单） ，变成：代码如下：商品列表123我们要循环的是列，也就是，因此我们的循环标签应该在 和 的外面，而 2 和 3 应该是循环出来的东西，也就是我模板里面只用保留1 这个 td 就可以了，2 和 3 都要去掉，于是就变成了下面的样子。代码如下：商品列表1好，现在我们开始加循环标签，我们要调用的是精品推荐商品。代码如下：商品列表foreach from
13、=$best_goods item=goods$goods.short_style_name/foreach注意了：foreach 表示下面的内容属于要进行循环，from=$best_goods 表示循环的内容来自$best_goods ， （ $best_goods 是精品商品推荐的标签） ，item=goods 表示当前循环这一次的对象叫 goods ，你也可以改为其它的东东，当然$goods.short_style_name 这个地方的。goods 也要相应的改了哦，$goods.short_style_name 表示 goods 这个对象的商品名称。好了，我们保存，前台刷新看一下。呵呵
14、，精品商品被循环出来了吧？接着，为了大家应用方便，我们把 goods 改为jingpinshangpin 。代码如下：商品列表foreach from=$best_goods item=jingpinshangpin$jingpinshangpin.short_style_name/foreach前台刷新看看，呵呵，如果你有很多的精品商品你会发现商品变了，因为精品商品是随机调取出来的。好，我们继续完善它，给它加上链接对应商品的链接，也就是添加“”属性。代码如下：商品列表foreach from=$best_goods item=jingpinshangpin$jingpinshangpin.s
15、hort_style_name/foreach刷新浏览器，点击链接看看链接到什么地方去了哦。呵呵！链接到了每个产品自己的页面了。说明：标签$jingpinshangpin.url 就是精品商品的商品链接的标签了，但是要记得哦，$jingpinshangpin 是你起的名字，item=$jingpinshangpin 的这个$jingpinshangpin 改变了的话，这里也要跟着改变。接下来我们为商品添加上图片，也就是增加一个属性。代码如下：商品列表foreach from=$best_goods item=jingpinshangpin$jingpinshangpin.short_style
16、_name/foreach到前台刷新浏览器看看，呵呵，商品缩略图也被调出来了。说明：标签$jingpinshangpin.thumb 就是精品商品的缩略图的标签了，但是要记得，$jingpinshangpin 是你起的名字哦，item=$jingpinshangpin 的这个$jingpinshangpin 改变了的话，这里也要跟着改变。如果你已经熟练理解和掌握了以上的步骤，那么下面就越来越清晰和容易了。接下来我们调取新品上市（标签为：$new_goods）和热卖商品（标签为：$hot_goods） ，接着在刚才的代码后面加上去就是了，我就不多讲了。代码如下：新品上市foreach from=$new_goods item=xinpinshangshi$xinpinshangshi.short_style_name/foreach热卖商品foreach from=$hot_goods i
