ECshop模板制作教程

合集下载

ecshop模板结构说明及标签(二次开发使用)

ECSHOP 模板结构说明(适用版本v2.1.5+)名称类型备注（作用或意义）文件(目录)名可否更改images 目录存放模板图片目录不可更改library 目录存放模板库文件目录不可更改screenshot.png 图片用于“后台管理-> 模板管理-> 模板选择”显示模板缩略图。

不可更改style.css css样式表不可更改备注：模板文件共32个(格式：.dwt)。

提醒：1, 更改模板文件里面库文件的内容是无效的，页面刷新时，程序自动重新载入库文件内容到模板文件里(以库文件内容为准)。

2, 模板内所有id值为ECS_ 开头的都必须保留(和ajax相关)。

3, 非库文件内容不可放置到可编辑区域内，否则设置模板时，非库文件内容将被覆盖删除。

activity.dwt 模板文件活动列表页不可更改article.dwt 模板文件文章内容页不可更改article_cat.dwt 模板文件文章列表页不可更改article_pro.dwt 模板文件文章内容页(如免责声明等) 不可更改auction.dwt 模板文件拍卖商品详情页不可更改auction_list.dwt 模板文件拍卖商品页不可更改brand.dwt 模板文件商品品牌页不可更改brand_list.dwt 模板文件商品品牌列表页不可更改catalog.dwt 模板文件所有分类页不可更改category.dwt 模板文件商品列表页不可更改compare.dwt 模板文件商品比较页不可更改flow.dwt 模板文件购物车和购物流程页不可更改gallery.dwt 模板文件商品相册页不可更改goods.dwt 模板文件商品详情页不可更改group_buy_goods.dwt 模板文件团购商品详情页不可更改group_buy_list.dwt 模板文件团购商品列表页不可更改index.dwt 模板文件首页不可更改message.dwt 模板文件信息提示页不可更改message_board.dwt 模板文件留言板页不可更改myship.dwt 模板文件我的配送页不可更改pick_out.dwt 模板文件选购中心页不可更改quotation.dwt 模板文件报价单页不可更改receive.dwt 模板文件收货确认信息页不可更改respond.dwt 模板文件在线支付结果提示信息页不可更改search.dwt 模板文件商品搜索页不可更改snatch.dwt 模板文件夺宝奇兵页不可更改tag_cloud.dwt 模板文件标签云页不可更改topic.dwt 模板文件专题前台页不可更改user_clips.dwt 模板文件用户中心页（包含：欢迎页，我的留言，我的标签，收藏商品，缺货登记列表，添加缺货登记。

自定义Ecshop帮助中心模板

Ecshop系统默认帮助中心的内容是后台以文章形式发布的文章，本文介绍的是类静态页模板固定形式，模板中除页面顶部是经动态数据取内容，帮助中心内容部分是自定义的纯html 格式，不多说，看如何操作吧效果图首先，在模板中定义好帮助中心各文章模板（.dwt后缀哦），可以集成一个页（用action作判断区分就可以了），也可以每页一个模板，本文采用第二种方式ecshop 2.7.2创建help.php加入以下代码<?phpdefine('IN_ECS', true);require(dirname(__FILE__) . '/includes/init.php');//-- 判断是否存在缓存，如果存在则调用缓存，反之读取相应内容$cache_id = sprintf('%X', crc32($_SESSION['user_rank'] . '-' . $_CFG['lang']));if (!$smarty->is_cached('index.dwt', $cache_id)){assign_template();}//$smarty->display('index.dwt', $cache_id);$action=$_GET['action'];//if($action==null || $action=='' || $action=='question')//{// $smarty->display("help/help_question.html");//}switch ($action){case '':case 'question':$smarty->display("help_question.dwt", $cache_id);break;case 'password':$smarty->display("help_password.dwt", $cache_id);break;case 'service':$smarty->display("help_service.dwt", $cache_id);break;case 'contact':$smarty->display("help_contact.dwt", $cache_id);break;case 'register':$smarty->display("help_register.dwt", $cache_id);break;case 'order':$smarty->display("help_order.dwt", $cache_id);break;case 'orderform':$smarty->display("help_orderform.dwt", $cache_id);break;case 'size':$smarty->display("help_size.dwt", $cache_id);break;case 'pay':$smarty->display("help_pay.dwt", $cache_id);break;case 'money':$smarty->display("help_money.dwt", $cache_id);break;case 'balance':$smarty->display("help_balance.dwt", $cache_id);break; case 'send':$smarty->display("help_send.dwt", $cache_id);break;case 'distribution':$smarty->display("help_distribution.dwt", $cache_id);break;case 'feescale':$smarty->display("help_feescale.dwt", $cache_id);break; case 'returned':$smarty->display("help_returned.dwt", $cache_id);break; case 'process':$smarty->display("help_process.dwt", $cache_id);break; case 'cheap':$smarty->display("help_cheap.dwt", $cache_id);break; case 'vip':$smarty->display("help_vip.dwt", $cache_id);break;case 'privacy':$smarty->display("help_privacy.dwt");break;case 'point':$smarty->display("help_point.dwt");break;}?>ecshop 2.7.3,在help.php文件后面加if (!in_array($action, $ui_arr)){switch ($action){case '':case 'question':$smarty->display("help_question.dwt", $cache_id);break; case 'password':$smarty->display("help_password.dwt", $cache_id);break; case 'service':$smarty->display("help_service.dwt", $cache_id);break; case 'contact':$smarty->display("help_contact.dwt", $cache_id);break; case 'register':$smarty->display("help_register.dwt", $cache_id);break; case 'order':$smarty->display("help_order.dwt", $cache_id);break; case 'orderform':$smarty->display("help_orderform.dwt", $cache_id);break; case 'size':$smarty->display("help_size.dwt", $cache_id);break;case 'pay':$smarty->display("help_pay.dwt", $cache_id);break;case 'money':$smarty->display("help_money.dwt", $cache_id);break; case 'balance':$smarty->display("help_balance.dwt", $cache_id);break; case 'send':$smarty->display("help_send.dwt", $cache_id);break;case 'distribution':$smarty->display("help_distribution.dwt", $cache_id);break;case 'feescale':$smarty->display("help_feescale.dwt", $cache_id);break; case 'returned':$smarty->display("help_returned.dwt", $cache_id);break; case 'process':$smarty->display("help_process.dwt", $cache_id);break; case 'cheap':$smarty->display("help_cheap.dwt", $cache_id);break; case 'vip':$smarty->display("help_vip.dwt", $cache_id);break;case 'privacy':$smarty->display("help_privacy.dwt");break;case 'point':$smarty->display("help_point.dwt");break;}}参考:乐飞商场更多内容请访问fenfenglee博客。

ecshop模板加密

竭诚为您提供优质文档/双击可除ecshop模板加密篇一：ecshop模板设置流程ecshop设置模板流程下面我来讲解一下怎么制作自己的模板，拿index.dwt 为例：1、首先在\themes\default\（这个是你的模板路径）下将index.dwt文件拷贝一份改名为home.dwt；可以在里面加一句话“这是我自己定义的home.dwt模板”（只是为了方便调试而已）；2、在根目录下的index.php文件拷贝一份改名为home.php里面加一行echo这是自己定义的home.php；（也只是为了方便调试）；把$smarty->display(‘index.dwt’,$cache_id)改为$smarty->display(‘home.dwt’,$cache_id)（就是把输出的模板页名称进行修改）；然后清除缓存，在浏览器通过http://localhost/ecshop/home.php执行你会发现这个页面跟首页一样，只是多了一段“这是自己定义的home.php这是我自己(ecshop模板加密)定义的home.dwt模板”文字。

当然home.php和home.dwt文件里面的内容可以自己定义。

3、当你再到后台模板管理>>>设置模板里面的选择模板下拉框选项中没有你加的home模板，这时候我们就要在后台将home这个模板在\admin\includes\lib_template.php里配置一下，即可放入到可设置内容的模板中；在数组内加上home.dwt，告诉系统有home.dwt这么一个模板；4、其次，同样在\admin\includes\lib_template.php 的文件下有下面这样的数组代码：那么这里面数组所枚举到的库文件，这是告诉系统你这个index模板里面可以导入哪些.lbi文件。

（这个模板的内容是受限制的，首先要home这个模板的候选的库文件是存在的。

ecshop模板制作入门教程

ecshop模板制作入门教程本教程适用于了解 ecshop 和 ecshop模板DIY 以及它们的日常使用,在查看前阁下需要至少会使用一种编辑器(exp:Dreamweaver, editplus, emacs, vi, ee …意思就是可视化的HTML编辑器或者直接文本编辑器,我在讲的时候用Dreamwaver来讲,这样比较适合初学者和设计师)通过对本教程的学习，只要您边看边跟着做，一定能够学会自己做模板的。

:) 下列章节的适用于ecshop程序。

同时这里许多内容和一些 Smarty相关。

假如您已经熟悉这些内容可跳过不阅读。

假如您是ecshop新手并且想diy一下自己的店铺，那您应该认真详细地从头到尾读一遍这些章节。

( ps: 大家不要紧张，我会尽量用人类的语言和大家交流，实在万不得已才会用机器语言展示给大家 )ecshop模板堂，电商系统及服务提供领导品牌！专注于ecshop模板开发、微信商城、商城APP等电商解决方案，助力千万企业早日实现电子商务！希望大家能够通过本教程，想要什么模板都能自己做出来。

哈哈！一起加油吧！ecshop模板堂是国内电商系统及服务提供领导品牌，市场占有率占行业份额70%以上，用户口碑、服务评价、产品质量均属业内领先地位。

产品链贯穿PC端(大商创B2B2C商城系统）、微信端（ECTouch微商城）、APP端（ECjia 商城APP），为传统行业插上互联网的翅膀。

第一章节：读取这些内容，您将了解：每个前台页面所对应的模板页面,模板文件的目录结构。

一些最基本的ecshop模板修改方法。

模板的路径以及相关包含文件的方法(深入了解Dreamweaver模板制作)。

一些常用模板例子讲解.模板存放路径：ecshop/themes/xxxxx 其中的 xxxxx 就是某一套模板，如系统一般会自带的模板文件名叫做 default, (即：ecshop/themes/default )里面放的就是安装好时的默认模板,以下所有的说明都是针对默认模板来讲解.操作前提，将您当前使用的模板调整为default模板,然后清空缓存。

ECshop模板开发与优化教程

ecshop首页调用文章分类思路及方法最近群里朋友问ecshop首页调用分类文章怎么加的，写篇文章来说下。

在ecshop论坛上有朋友说的方法之前自己试过，没有成功。

现在介绍一种成功的方法，适用各种模板。

修改ecshop不要注重技巧，注重一个思路。

ecshop模板一般分为三栏或者两栏，两栏是left和right，三栏的left,center，right之类的。

现在以两栏的为例，现在一个思路就是在你想调用文章的地方加一个可编辑区域，可编辑区域在后台模板设置里是可以设置的，然后在后台把文章调用在这个可编辑区域里就是了。

明白了原理就可以动手了。

在模板index.dwt里找到右边模块结束的地方，也就是，在之后加上，其中“文章区域”这个名字是可以修改的，和你在后台看到的名字是一致的。

然后修改模板里的库文件cat_articles.lbi，替换成下面的代码<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><div style="width:243px; float:left; margin-right:3px;"><div class="box"><div class="box_1"><h3><span><ahref="{$articles_cat.url}">{$articles_|escape:html}</a></span ><a href="{$articles_cat.url}"><img src="../images/more.gif"alt="more" /></a></h3><div class="boxCenterList RelaArticle"><a href="{$article.url}"title="{$article.title|escape:html}">{$article.short_title}</a><br /></div></div></div></div>其中需要注意编码，用GBK的自行替换成GBK，其中的宽度自己控制，自己多试下就知道大小了。

ECshop_模板开发与优化教程

ecshop教程-ecshop模板中lbi和dwt文件的关系ecshop教程-ecshop模板中lbi和dwt文件的关系要修改ecshop模板必要要了解下lbi和dwt文件，如果把这个问题弄明白了，那对我们修改ecshop模板的帮助就很大了。

之间讲过了[ecshop教程-ecshop 修改对应参考] ,下面我们讲下ecshop中的dwt和lbi文件首先要明白dwt模板文件是一个(框架)，控制着ecshop的大体框架，里面链接着所需的lbi库文件(内容)。

修改dwt里面lbi部分的内容是不会发生变化的.需要修改lbi文件.然而lbi内容也可以镶嵌到dwt模板文件里面(镶嵌就是分离到模板文件里面了，和原先的lbi文件没有关系了.)但是这样的话.其他dwt模板页面也使用到相同的lbi板块的话,内容就不能同步了.只能再继续镶嵌，造成了效率不高。

所以ecshop才把内容lbi文件分离出来，方便链接。

在模板文件里面添加可编辑区域.(可编辑区域是给程序使用的.每在模板里面添加一个可编辑区域都可以在"模板管理=>设置模板"的区域里面看到已添加的可编辑区域的名字.),然后就可以通过后台管理的"设置模板",把库文件调到您想要的可编辑区域里面.明白这些对于ecshop初学者来说可能比较困难，但寨卒认为，只要多动手修改，别人给出代码的时候不要一味的直接抄袭来，按部就班的修改完之后，再回头思考下，慢慢的就会总结出来好的代码修改方法了。

当然多来我的博客也会有好处的。

下面举个例子来说明，拿ecshop2.6.2中的默认模板来说。

index.dwt里 <body>之后有如下代码。

<body><div class="blank"></div><div class="block clearfix"><div class="AreaL"><div class="box"><div class="box_1"><h3><span>{$lang.shop_notice}</span></h3><div class="boxCenterList RelaArticle">{$shop_notice}</div></div></div><div class="blank5"></div>上面代码中的 就是调用了page_header.lbi的内容，就是调用了头部文件。

ecshop模板功能(首页添加模块)

ECShop 模板库项目功能详解本文希望能给想了解ECShop库项目功能的人提供一些帮助。

ec的高手就可以忽略了，有不同意见的朋友欢迎提意见。

许多刚接触ECShop的程序员或者用户，只知道它的模板管理很强大也很方便。

却不知道它是如何实现这些的，也不知道如何修改。

比如我想修改首页的“精品推荐”，该去哪里找呢？又或者在首页添加一个别的什么商品展示模块，在后台可以编辑商品显示的数量，该去哪里添加呢？其实这些都是ECShop的库项目功能实现的。

带着这些问题，下面让我们一起认识一下ECShop的库项目功能。

一、认识ECShop模板管理。

1.进入EC的后台，进入“模板管理”–>“设置模板”，如图可以看到模板编辑页面,在此我可以编辑不用页面的区块（库项目）是否显示、显示位置、甚至是显示商品的数量，如图在此对模板进行的修改都会显示在页面。

（EC好强大呀~~^3^）二、认识库项目1.一个库项目就是个库文件。

打开ECShop的安装目录，进入themes/default/library文件夹。

你会看到许多以“.lbi”（扩展名）结尾的文件。

如图：ad_position？广告位吗？category_tree？分类树吗？recommend_new？新品推荐吗？对了，这里放的就是页面上一块一块可以编辑的库项目的文件了。

没错，如果你想加一个自己的显示库项目，就在此添加。

其实ECShop提供了编辑库文件编辑的地方，就在管理后台的“模板管理”–>“库文件管理”。

那么这些库项目是如何显示在页面上的呢？让我们以“新品推荐”为例。

往下看。

2.库项目的页面添加。

进入themes/default文件夹，用编辑器（文本打开也可以）打开index.dwt文件。

ctrl + f ，查找recommend_new会找到一行代码：<!–#BeginLibraryItem “/library/recommend_new.lbi” –>对，就是这个“东西”把recommend_new.lbi里的内容加载出来并成为页面的一部分的。

打造ECSHOP京东商城栏目分类的模板修改方法

好了到此模板程序已经修改完毕，只需要通过简单的模板程序修改，三级分类立即展示到您的面前了。
稍微解释一下，我们在第一次循环中读取的是从php文件传送下来的一个$categories 数组内容，将之循环中，判断是否有子级信息，如果有，则在输出该级基本信息后，将子级的信息$cat.cat_id赋值传送到数组child 中，然后在循环输出子级数组，在这个子级循环中在判断子级信息是否有子级内容，即孙级信息，如果有，则继续将孙级的信息$child.cat_id 赋值传送到数组grandson 中，继续循环，以此类推。其实说白了就是三级循环，或者说的专业些，就是一个递归思想。如果到此还有些不明白，则请继续联系我们：振星网络科技。我们的QQ群是：170114203 （欢迎假如）。
打造ECSHOP京东商城栏目分类的模板修改方法来源：振星网络科技编辑时间：8/29/2011 8:23:31 PM 责编：振星网络科技阅读次数:1318京东360平台的栏目分类想必也让各位看着有些眼馋了吧？又要二次开发？又要花些小钱去找一些所谓的高手修改你的php文件？只要修改ecshpop模板就能达到效果，你信不信？反正我信了，因为我做到了。

<a href="{$child.url}" title="{$|escape:html}">{$|escape:html}</a>

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

ECshop模板制作教程我是一个EC新手，EC就算做再多的模板，肯定也满足不了我们的需要，更何况各行有各行的门道，EC统一做出来的模板也不一定合适于我们这个行业用，因此，只有我们真正掌握了自己做模板，修改模板的功夫，才能真正的打造适合自己的电子商务平台，真正打造符合自己行业内的客户习惯的电子商务平台。

首先欢迎各位浏览本教程，恭喜大家使用 ECshop,！EC有多好，ECshop是PHP 构建的，PHP的应用我也不想多说了(亚马逊:,雅虎:,百度:淘宝:新浪:,腾讯:),（ps: ECshop成功了！在这一刻，他是伟大电子商务的传承，他不是一个人在战斗，他不是一个人 -_- ) 我也不多讲了大家都知道，不过有时候热爱潜水的我真的时是实在忍不住要跳出来说两句.本教程适用于了解 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 )里面放的就是安装好时的默认模板,以下所有的说明都是针对默认模板来讲解.images/ (存放模板中用到的图片)library/ ( 存放一些小模板文件及重复被用到的模板文件 ) style.css (模板样式文件)index.dwt (首页的模板 index.php)goods.dwt ( 商品显示页的模板 goods.php)我们随便找一张gif图片，起名为logo.gif放到images目录中，然后我们刷新首页。

看到没？首页logo被修改了。

如果你觉得大小不合适，那么我们打开library目录中的page_header.lib 查看源代码，然后搜索 images/logo.gif 然后看它后面width=”130″ height=”56″把130和56改为相应的值就可以了，到前台刷新看看。

到浏览器前台刷新，看看页面有什么变化。

虾米？没有发现吗？看看浏览器头部啊，呵呵，是不是网站的标题被改变了？哈哈，对，{$page_title}就是网站标题的标签 ( 注：标签是从{开始到}结束哦，{和}属于标签的一部分 ). 整个ECshop的模板就是一个一个这样的标签组成了，控制网站内容和数据的动态显示。

比如（{$keywords} )控制网站的关键字标签，{$description} :网站描述标签，( 这就是模板中的标签，每个标签都会对应程序里面的一个值，网站运行时模板引擎会来读取模板页面，然后把对应的标签用对应的值进行替换，就显示出我们看到的网站页面了,明白了吧。

这一段内容对于新手来说，可能一下子不能完全消化,还有什么问题就留言，我会更新到这里来)大家不要着急，欲速则不达，呵呵，下面我们真正开始做ECshop的模板了，( 不懂HTML的观众准备好Dreamweaver哦 )操作前提，将您当前使用的模板调整为default模板,然后清空缓存。

接下来我们进入default目录,可以看到以下文件目录：*.dwt (表示其它.dwt文件)虾米？难道你不相信这些就是模板吗？好，那我证明给你看看.我们把把images里面的logo.gif文件的名字,改为logo2.gif,然后好接下来我们用dreamweaver打开index.dwt文件,在源代码中搜索{$page_title} ，找到后，将{$page_title} 修改为超级无敌的大卖场. 然后到很简单8,哈哈，大家真是冰雪聪明，孔明再世啊，这么快就学会了，如果你上一步你操作很超级非常very的简单的话，接下来的学习也时一样的哦.接下来要怎么改呢？广告之后我们继续。

…..黄金广告位…欢迎购买……需要的话PM我…..(PS:人不能无耻到这个地步)….哈哈…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键换行，然后输入1.网站快讯：2.{foreach from=$new_articles item=article}3.{$article.short_title}4.{/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为当前这个循环的对象。

方便调用数据。

以后这个循环我们会经常的用到哦. 还是不懂也没有关系，每次遇到我都会讲哪里要怎么设置的，多用就会了。

我们也可以这么写哦 , 注意：在代码编辑的视图里面编辑1.<table>2.{foreach from=$new_articles item=article}3.<tr><td>4.{$article.short_title}5.</td></td>6.{/foreach}7.</table>复制代码哈哈，保存,刷新首页看看，表格被一行一行的循环出来了哦好累啊，今天先写到这里，晚上有时间继续，哈哈如果喜欢就给我点支持啊，多给我提问题，我希望能够更完善帮助更多的人。

明天的预告：产品列表调用，还有产品缩略图哦，呵呵！产品分类调用呢！第二章一人得道，鸡犬升天啊，谢谢ECshop将我提升为教程区版主 ,实在时荣幸啊，谢谢大家的支持，感谢零风,Arlicle,Orange, 谢谢我的笔记本电脑小白（注：她是黑色的，我喜欢她变白，哈哈）,谢谢我的电脑桌，谢谢我的椅子，谢谢卡卡布熊，谢谢大家! 呵呵! ~Orz.模板教程继续啦！不知道大家是学会用循环了呢，还是我的言语实在有问题，大家实在无法完成阅读哦，居然大家都没有问题，暂时心里安慰，把他当做好事情，大家都会调用了，呵呵，那我们继续循环调用商品了！好，继续在我们昨天的基础上，我们在网站快讯的循环后面，按 Enter键, 输入:商品列表,接着建立一个2行3列的表格，宽度为70%, 表格边框为1（为了让大家看清楚 ),起HTML代码如下1.<p>商品列表</p>2.<table width=”70%” border=”1″>3.<tr>4. <td>1</td>5. <td>2</td>6. <td>3</td>7.</tr>8.<tr>9. <td>4</td>10. <td>5</td>11. <td>6</td>12. </tr>13.</table>复制代码注: ( 1,2,3,4,5,6这些个是序号，方便跟大家讲解呢 )在这里，我们暂时先把下面这一行去掉(为了大家操作简单)，变成1.<p>商品列表</p>2.<table width=”70%” border=”1″>3.<tr>4. <td>1</td>5. <td>2</td>6. <td>3</td>7.</tr>8.</table>复制代码我们要循环的是列，也就是<td>,因此我们的循环标签应该在<td> 和</td>的外面, 而2,和3应该是循环出来的东西，也就时我模板里面只用保留 1 这个td 就可以了，2 和3都要去掉，于是就变成了下面的样子1.<p>商品列表</p>2.<table width=”70%” border=”1″>3.<tr>4. <td>1</td>5.</tr>6.</table>复制代码好，现在我们开始加循环标签，我们要调用的是精品推荐商品, 代码如下:1.<p>商品列表</p>2.<table width=”70%” border=”1″>3.<tr>4.{foreach from=$best_goods item=goods}5. <td>{$goods.short_style_name}</td>6.{/foreach}7.</tr>8.</table>复制代码注意了：foreach 表示下面的内容属于要进行循环，from=$best_goods 表示循环的内容来自$best_goods,($best_goods是精品商品推荐的标签 ) ,item=goods 表示当前循环这一次的对象叫goods,你也可以改为其它的东东，当然{$goods.short_style_name}这个地方的goods也要相应的改了哦,{$goods.short_style_name} 表示goods 这个对象的商品名称.好了，我们保存，前台刷新看一下啊。