本教程适用于了解 ECshop 和 ECshop模板DIY 以及它们的日常使用,在查看前阁下需要至少会使用一种编辑器(exp:Dreamweaver, editplus, emacs, vi, ee ...意思就是可视化的HTML编辑器或者直接文本编辑器,我在讲的时候用Dreamwaver来讲,这样比较适合初学者和设计师)。 这个教程目前由我一个人维护，但我相信，过不了多久就会有多人 持续地 维护。其中的内容需要不断地更新。如果您有兴趣参加,嘿嘿，PM我。我们一起为大家服务啊.

通过对本教程的学习，只要您边看边跟着做，一定能够学会自己做模板的。:)　　下列章节的适用于ECshop程序。 同时这里许多内容和一些 Smarty相关。 假如您已经熟悉这些内容可跳过不阅读。假如您是ECshop新手并且想diy一下自己的店铺， 那您应该认真详细地从头到尾读一遍这些章节。( ps: 大家不要紧张，我会尽量用人类的语言和大家交流，实在万不得已才会用机器语言展示给大家 )

希望大家能够通过本教程，想要什么模板都能自己做出来。哈哈！一起加油吧！

第一章节：

读取这些内容，您将了解：      每个前台页面所对应的模板页面,模板

文件的目录结构。      一些最基本的ECshop模板修改方法。      模板的路径以及相关包含文件的方法(深入了解Dreamweaver模板制作)。      一些常用模板例子讲解.模板存放路径：ecshop/themes/xxxxx   其中的 xxxxx 就是某一套模板，如系统一般会自带的模板文件名叫做 default, (即：ecshop/themes/default )里面放的就是安装好时的默认模板,以下所有的说明都是针对默认模板来讲解.操作前提，将您当前使用的模板调整为default模板,然后清空缓存。接下来我们进入default目录,可以看到以下文件目录：images/        (存放模板中用到的图片)

library/          ( 存放一些小模板文件及重复被用到的模板文件 )

style.css        (模板样式文件)

index.dwt     (首页的模板 index.php)

goods.dwt   ( 商品显示页的模板 goods.php)

*.dwt    (表示其它.dwt文件)

虾米？难道你不相信这些就是模板吗？好，那我证明给你看看.我们把把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} ，找到后，将{$page_title} 修改为 超级无敌的大卖场. 然后到到浏览器前台刷新，看看页面有什么变化。虾米？没有发现吗？看看浏览器头部啊，呵呵，是不是网站的标题被改变了？哈哈，对，{$page_title}就是网站标题的标签 ( 注： 标签是从{开始到}结束哦，{和}属于标签的一部分 ). 整个ECshop的模板就是一个一个这样的标签组成了，控制网站内容和

数据的动态显示。比如（{$keywords} )控制网站的关键字标签，{$description} :网站描述标签 ，( 这就是模板中的标签，每个标签都会对应程序里面的一个值，网站运行时模板引擎会来读取模板页面，然后把对应的标签用对应的值进行替换，就显示出我们看到的网站页面了,明白了吧。这一段内容对于新手来说，可能一下子不能完全消化,还有什么问题就留言，我会更新到这里来)很简单8,哈哈，大家真是冰雪聪明，孔明再世啊，这么快就学会了，如果你上一步你操作很超级非常very的简单的话，接下来的学习也时一样的哦.接下来要怎么改呢？广告之后我们继续。.....黄金广告位...欢迎购买......需要的话PM我.....(PS:人不能无耻到这个地步)....哈哈...大家不要着急，欲速则不达，呵呵，下面我们真正开始做ECshop的模板了，( 不懂HTML的观众准备好Dreamweaver哦 )1.我们到/themes/default目录中，把index.dwt改名为index_bak.dwt, 然后用Dreamweaver新建一个HTML文件,然后保存到/themes/default目录中，命名为 index.dwt, 好，我们刷新前台看看，哈哈，什么也没有哦. 好，在我们新建的index.dwt中找到<title>,我们把<title>和</title>中间的内容替换 为:{$page_title},在<body>和</body>之间也放入一个{$page_title}, 刷新前台看看.嘿嘿，看到什么了？网站标题被打印出来了吧？如有操作时候有弹出对话框:点击确定就可以了，:)2.接下来我们选择可视化界面编辑：然后在{$page_title}后面按Enter键换行,然后输入: 商店公告：{$shop_notice}到浏览器刷新首页刷新看看，呵呵。商店公告被调出来了，可以去网站后台 系统设置->商店设置->网店信息->商店公告  修改内容，然后到浏览器再刷新网站首页看看，呵呵，商店公告是被动态掉出来的哦.3.继续在{$shop_notice}后面按Enter键换行，然后输入

代码:

网站快讯：{foreach from=$new_articles item=article}

{$article.short_title}

{/foreach}

注：换行的地方按Enter键哦,好刷新前台看看 ，呵呵，网站快讯被调出来了哦。好我们再到网站后台->文章管理->网站列表->添加文章，选择 网站快讯这个分类，随便添加一篇内容，完成后前台刷新看看。两篇文章都被动态掉出来了哦。注释：

引用:

{foreach from=$new_articles item=article} : 循环的开始,

{/foreach}  : 循环的结束

$new_articles: 为要循环的东西，这里为网站快讯

{$article.short_title} : 快讯标题的标签

模式为：{foreach from=$post item=name}

Content

{/foreach}

{foreach from=$post item=name}和{/foreach}标签中间可以任意添加要循环的内容content(可以为任意的东西)，循环的次数受到 $post的限制（这里要填什么我都会告诉大家的.)name为当前这个循环的对象。方便调用数据。以后这个循环我们会经常的用到哦. 还是不懂也没有关系，每次遇到我都会讲哪里要怎么设置的，多用就会了。我们也可以这么写哦 , 注意： 在代码编辑的视图里面编辑

复制内容到剪贴板

代码:

<table>

{foreach from=$new_articles item=article}

<tr><td>

{$article.short_title}

</td></td>

{/foreach}

</table>

哈哈，保存,刷新首页看看，表格被一行一行的循环出来了哦好累啊，今天先写到这里，晚上有时间继续，哈哈如果喜欢就给我点支持啊，多给我提问题，我希望能够更完善帮助更多的人。明天的预告：产品列表调用，还有产品缩略图哦，呵呵！产品分类调用呢！

ECshop 二次开发模板教程1的更多相关文章

  1. ECshop 二次开发模板教程3

    <p>商品列表</p> <table width="70%" border="1"> <tr> <td&g ...

  2. ECshop 二次开发模板教程2

    不知道大家是学会用循环了呢,还是我的言语实在有问题,大家实在无法完成阅读哦,居然大家都没有问题,暂时心里安慰,把他当做好事情,大家都会调用了,呵呵,那我们继续循环调用商品了!好,继续在我们昨天的基础上 ...

  3. ECshop 二次开发模板教程4

    今天我们学习一下如何在首页调取某个分类的商品:注意了,这里的修改有一些麻烦了哦:首先你需要下载一套新的模板,比如blueksy 上传到模板目录 /themes/ 也就是 /themes/bluesky ...

  4. EcShop二次开发系列教程–总纲

    EcShop作为老牌的B2C独立网店系统,功能非常全名,强大的文件.数据库缓存机制,保证前后台系统执行速度更快.系统平稳运行.但是过多的功能也或多或少的会影响到系统的整个效率,所有在使用EcShop搭 ...

  5. ECSHOP二次开发指南

    ECSHOP二次开发指南 发布时间:2013-05-28 12:47:00   来源:   评论:0 点击: 次 [字号:大 中 小] QQ空间新浪微博腾讯微博人人网豆瓣网百度空间百度搜藏开心网复制更 ...

  6. ecshop二次开发 给商品添加自定义字段

    说起自定义字段,我想很多的朋友像我一样会想起一些开源的CMS(比如Dedecms.Phpcms.帝国)等,他们是可以在后台直接添加自定义字段的. 抱着这种想法我在Ecshop的后台一顿找,不过肿么都木 ...

  7. ecshop二次开发之购物车常见问题

    1.ecshop二次开发中保存注册用户购物车数据解决方法:ecshop购物车是数据库中cart表来支持的,在ecshop表中rec_id是编号,user_id是注册用户的id,session_id表示 ...

  8. Ecshop二次开发必备基础

    EcShop二次开发学习方法 近年来,随着互联网的发展,电子商务也跟着一起成长,B2B,C2C,B2C的电子商务模式也不断的成熟.这时催生出了众多电子商务相关的PHP开源产品.B2C方面有Ecshop ...

  9. EcShop二次开发学习方法和Ecshop二次开发必备基础

    ecshop二次开发学习方法 近年来,随着互联网的发展,电子商务也跟着一起成长,B2B,C2C,B2C的电子商务模式也不断的成熟.这时催生出了众多电子商务相关的php开源产品.B2C方面有Ecshop ...

随机推荐

  1. Linked List vs Array

    Both Arrays and Linked List can be used to store linear data of similar types, but they both have so ...

  2. SPOJ 3643 /BNUOJ 21860 Traffic Network

    题意:现在已有m条单向路,问在给你的k条双向路中选择一条,使得s到t的距离最短 思路:设双向路两端点为a,b;长度为c. s到t的有三种情况: 1:原本s到t的路径 2:从s到a,a到b,b再到t的路 ...

  3. Android多媒体框架对音乐播放器的支持

    下面介绍一下Andriod多媒体框架对开发者提供的支持有哪些.               1. MediaScannerReceiver                   这个广播接收者在接收到A ...

  4. REST_FRAMEWORK加深记忆-极致抽象，极致完结

    余下的就是静心看官方文档了. 这个是最抽象的了. urls.py """tutorial URL Configuration The `urlpatterns` list ...

  5. sql查询数据库中所有表的记录条数，以及占用磁盘空间大小。

    SELECT TableName = obj.name, TotalRows = prt.rows, [SpaceUsed(KB)] = SUM(alloc.used_pages)* FROM sys ...

  6. Enum枚举 简单的使用

    在枚举中使用抽象方法 /** * 为枚举类定义一个抽象方法,<br/> * 这个抽象方法由不同的枚举值提供不同的实现 * * @author wangzhu * @date 2014-9- ...

  7. 【Linux常识篇(1)】所谓的正向代理与反向代理

    正向代理的概念 正向代理,也就是传说中的代理,他的工作原理就像一个跳板,简单的说,我是一个用户,我访问不了某网站,但是我能访问一个代理服务器,这个代理服务器呢,他能访问那个我不能访问的网站,于是我先连 ...

  8. Python 中的 TK编程

    可爱的 Python:Python 中的 TK编程 http://www.ibm.com/developerworks/cn/linux/sdk/python/charm-12/ python che ...

  9. React 性能调优原理

    一.React影响性能的两个地方 二.调优原理

  10. java：装饰者模式，节点流和处理流

    接口: interface Worker { public void dowork(); } 清洁工:被装饰者,节点流 class Clean implements Worker { public v ...