ecshop模板制作入门教程

合集下载

Ecshop后台流程图培训资料模板

Ecshop后台流程图培训资料模板Ecshop架构分析—、功能模块概述商品管理2」商品列表ECSHOP住1?中心,胡丈帕塩££32 ECS000032 3010.00 /X✓/ 1331 Jtft 环8 ECS000031 1337.00 X X X X H24 P806 EC8000024 2000.00 Z/Z Z 二22 ECS000023 3700.00 Z/✓X 「22 势菩达Touch HD ECS000022 5999.00 //Z X 回21 金立A30 ECS000021 2000.00 ✓X X X □ 20ES9C01 ECS000020 280.00 Z Z Z Z3列Z czza @(3曲aaajBBS回®【300SW经过查询数据库中的商品信息，将相关信息显示在页廂上，并提供相应操作连接。

22丄1商品列表所含功能说明2.1.2商品列表流程简述：本功能主要实现显示出商品信息的功能，经过点击商品列表的链接，使用PHP查询没有放入回收站的商品信息，将返回值存储到数组中，经过模版引擎将数组传送到视图，利用模版引擎的格式输出查询到的数据。

32.1.3添加商品流程注壬用户-1 代讎用户-i vip-L合交您無方・1汀茨示合员价冬拶合交等轻拆扛圣汁算•宦崔F以为蚣个◎乞抱定一个owafft»ffr«=申场住价=Q »»»»«分或* Q勒扯笹茨釈分或=Q枳分內鼻孰喪=□促裁价=«®B 期= -fefjwaa 片= 上传离升绍珞刖= HKS5&S 忙咅弁倍衿歹京E迭盖H墓衣丘汀孚盍令阮5介洛\ ［屋姿更］二L落英该商為汀牙丑冷吏联务3& 口宏灰按助*悴咚■芬迂茎衣该朋抵汀号丑尊迈联分S& 口宏示馥谢自那垮芬互寒刁该商狂汀勺多可◎.虫弓&抄翟箱茯分2011-01-10 - 2011-02-10[吐…]X«!Sg「也宾・•.11商品空芳毎夕•至皿1叼兰戟生•旣侖品疑證匪老£e*4简述：本功能主要描述添加一件商品的过程。

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论坛上有朋友说的方法之前自己试过，没有成功。

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

修改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开发详解功能了解介绍安装后台管理程序分析重要表执行流程底层库js库分析练手功能去除标题[PHP]去除版权标志[js]最新评论[PHP+模板]二次开发自定义title [php]email登陆[php]多商品倒计时[js]模板开发1.1 ecshop介绍ecshop是一款b2c的商城程序.目前(2014年1月11日) 最新程序是ecshop-2.7.3版本.已被上海商派(shopex)购买,更新缓慢.程序特点: 面向过程,通过函数库与函数调用,来获取数据,并能过smarty模板来展示数据. 学习难度小,二次开发比较直观.1.2 安装下载最新的ecshop-2.7.3为例,解压得到如下3个目录,其中upload就是需要上传的主程序.把upload解压到web目录下,并改名,如ecshop, 并用浏览器打开,即可进入自动安装过程.1.3 后台管理常用选项:商品管理栏目管理会员注册项导航配置模板选择注意: 在使用一些比较成熟的程序时,尽量通过后台配置选项,来达到目的,而不要直接修改代码.因为后台配置效率更高, 更重要的,如果直接修改代码,后续程序的升级将带来麻烦.2.1 重要的表分析Ecs_goods表:商品表Ecs_category :栏目表Ecs_brand:品牌表Order_info 订单表Order_goods 订单对应的商品表.order_action 订单操作的原始记录User 用户表User_account 用户账户表Account_log:用户的账户变动流水表Collect_goods: 用户收藏商品表Feedback表:留言表,不针对商品,直接针对店家留的言. Comment:是针对商品做的评论.Nav 表导航链接表,可以定制页面上的导航信息.2.2 执行流程1:Ecshop 属于面向过程+函数调用为主, 而且没用单入口模式具体的功能对应具体的页面. 2:用的模板引擎是简化的smarty 模板.以goods.php 为例在init 中包含的页面,基本都是声明函数.(因为ec 是面向过程+函数来编程的)inc_constants 系统常量cls_ecshop 用来获取网站的域名,ec 版本,图片目录,表前缀等基础信息cls_error.php 获取和输出错误信息.lib_time 获取和格式化时间的相关函数lib_base 计划字符串长度,获取客户IP,发邮件等,几乎所有网站都能用到的基础函数 lib_common ecshop 各页面都用到的函数,如拼接sql,获取栏目列表,构造面包屑导航. lib_main.php ecshop 常用的函数,主要是用户和模板赋值函数多一些.lib_insert.php 是为了用smarty 模板时,有些局部不缓存的地方,需要调用函数,都在这儿 lib_goods.php 是商品操作的相关函数lib_article.php 文章操作的相关函数注: 更详细的函数说明在”ECSHOP 函数.doc ”里Lib_base.php : base 基地基础,此文件声明的是全网站甚至任何网站,都常用用到的函数,Sub_str : 截取中文无乱码的文件.Real_ip: 读取客户端IP, 从$_SERVER 来读的.Str_len: 计算字符串在视觉效果上的长度, 一个中文按2个字符算(因为多数情况下,一个中文的宽度是一个字母的2倍宽.)Get_crlf: 获取当前用户的换行符. Windows->\r\n, *nix->\n , mac->\rSend_mail : 发送邮件.Get_version:获得服务器环境的gd 库版本File_mode_info:获取文件的权限信息.Goods.php Require (Init.php) .... .... 业务逻辑function xxx();function yyy();inc_constants.phpcls_ecshop.phpcls_error.phplib_base.phplib_common.phplib_main.phplib_insert.phplib_goods.phpLog_write: 记录日志到文件Mk_dir: 递归创建目录addslashes_deep:递归的对数组进行转义.addslashes_deep_obj: 递归对对象的属性进行转义.stripslashes_deep :递归反转义make_semiangle: 全角字符转半角check_file_type :检查文件后缀,一般检查后缀,直接通过截取文件名来实现.A.php==> a.jpg,伪装上传,带来攻击. Ngnix+PHP某个版本,就有此漏洞.而check_file_type是通过分析文件的头信息域来实现的.mysql_like_quote:对sql语句扣like条件进行转义,防止注入.real_server_ip:获取服务器端IP地址ecs_geoip: 把IP地址转为"省市地址".trim_right:中英文混杂时,去除右侧可能的乱码.read_static_cache:读文件缓存(把数组等信息序列化,放在文本里存储) write_static_cache:写文件缓存.Lib_common.php主要放置本网站要实现的一些功能的主要函数比如:Get_brand_list 获取品牌列表get_children:获取指定栏目的子孙栏目.本文件下的函数比较多,用到的再来讲解.Lib_main.php主要放置前台功能的函数库比如:update_user_info :更新用户的session信息get_user_info:获取用户的详细信息assign_ur_here:计算面包屑导航路径.assign_articles:获取文章列表并赋给smartyLib_insert.php放置的是在模板中局部不缓存时,调用的insert_开头的函数.Lib_goods.php是商品操作最频繁函数.小试牛刀:以商城标题中, 去除"powered by Ecshop"为例打开任意一个页面, 看其模板,以goods.php为例Goods.php->找模板->goods.dwt,分析模板的标签, 找到相应的{$page_title}标签回到goods.php里,必须推出--> assing('page_title',xxx)这个过程,再找到,===> $page_tile=>$position['title']=>$position==>assign_ur_here()函数留一下问题:在开发的过程中,有时需要清缓存才能看到效果如何彻底禁用缓存,方便开发时的调试.js函数追踪utils.js 底层兼容库common.js 购物逻辑相关的函数addToCart() 把商品添加到购物车collect() 添加商品到收藏夹gotoPage() ajax评论翻页gotoPage() 格式化价格addPackageToCart() 添加礼包到购物车shopping_flow.js 处理购物车过程中相关的函数selectShipping() 改变配送方式selectPayment() 改变支付方式changeSurplus() 改变余额transport.js ajax操作库Ajax.call() // 发送ajax查询showdiv.js 漂浮层的库showdiv() 显示漂浮层hidendiv() 隐藏漂浮层lefttime.js 显示剩余时间的库便于做抢购时用.三练手功能 3.1 去除标题中的”powered By Ecshop”大思路: 库函数--被调用--->goods.php->assign()赋值--->display到模板倒过来寻找,从模板找变量,再找assgin过程,再找相关函数.把{$page_title}随便改成其他内容,刷新页面,看到效果.--->到goods.php, 查看page_title的assign过程,看到如下追踪assign_ur_here()函数,先在本页面(goods.php)寻找,没找到.在lib_main.php里.追踪到lib_main.php里3.2 去除版权打开index.dwt模板,观察底部发现引入了page_footer.lbi,追踪page_footer.lbi清除此行,并刷新发现---- 底部指定位置已经去除了版权标志,但是, 每刷新,版本的文字,就随机在底部漂浮. 跟踪js的页面自动加载的函数,在js中找到相关函数3.3 最新评论index.php---调用函数--获取最新评论---->assign()赋值给模板---->display--->index.dwt分析:最新评论的函数,优先找系统函数,没有没有,则自己写.assign()修改模板注意:在indew.dwt里, 增加如下代码四: 二次开发二次开发的大原则1:能后台配置,不去修改.2:能用js,css实现,不改模板(比如来一个隔行换色) 3:能改模板的,不要改PHP4:能改PHP完成的,不要改数据库一部话概括------逻辑要前移1)自定义title[php+模板]2)用户名/email都可以登陆[php]3)团购倒计时js4.1 自定义商品title商品页面自定义title,便于SEO功能讲解:商品页面的title信息是"商品名->栏目名->上级栏目名->网店名"这个规则来自动生成. 对于title,是SEO一个很重要的数据,自动生成的title很可能不符合SEO的需要.步骤:我们如何自定义title?答:首先在商品表增加title字段,然后在商品页面的.php文件中,读取此字段并赋给smarty然后再展示到模板上.从后台管理角度看:发布商品时,表单中应有自定义title表单项,并能提交入库.修改商品时,表单中也应有自定义title表单项,并能提交入库.实施:1:给ecs_goods商品表增加seotitle字段.alter table ecs_goods add seotitle varchar(60) not null default '' after goods_name;2:在后台修改商品发布时的表单项,增加"自定义title"表单项./admin/templates/goods_info.htm 40行左右3:admin/goods.php中的insert ,update代码段,800行左右,分别接收$_POST[seotitle],并拼接在insert语句或update语句中4:在模板中,goods.dwt中, 做逻辑判断,展示seotitle或page_title4.2 用户名和email 都可以登陆ecshop 的登陆原理ecshop 允许集成其他的网站,如dede,discuz 等, 并共用会员信息.ec 的登陆做了一个统一的登陆接口,满足接口,即可开发出与dede,discuz 共用的登陆功能. 达到整合目的.跟踪user.php 找act_login 代码段,找到如下:调用的是$user 这个对象, 继续跟踪$user 这个类在哪儿---->$user---返回自---->init_user()----定义在-->lib_common.php找到如下函数看到: 登陆时用的类,是根据配置文件定义的.有很多类,如下: 这些类,分别是phpbb,discuz 的登陆接口,用来整合用的. 我们当前用是 ecshop 登陆接口登陆用户名:[] 密码:[]user.php?act=act_login在登陆接口父类中，增加一个方法，根据email来获取用户名.再在login方法里,做判断如果传来email,则先把email转换为username,然后再登陆4.3 商品团购倒计时php修改: group_buy.php目的: 得到页面内的每个团购的id及结束时间,并形成json格式,输入在模板中. 模板修改: group_buy_list.dwt把每个团购的剩余时间,包在一个span里,并取一个独特的id.接下来,在模板的末尾,showtime()根据gb_json_list循环修改每个团购的剩余时间formattime()负责格式剩余时间.再用定时器每秒执行1下.注意: 这个程序中, 老师写的formattime()函数不够精确, 请同学们自己修正完善.模板开发ecshop的模板用的精简型的smarty模板,语法和smarty绝大部分通用.而ec的程序,又是面向过程,调用函数,赋值给smarty, 然后展示到模板.因此模板的开发比较直观.1:我们把模板的目录放置ecshop/themes/下面2: 后台管理,查看模板,并没有出现我们新增的模板供选择.这是因为,ec识别模板,要靠css和缩略图做标识,来识别ec要求在模板的目录下,直接放置style.css, 且首段的注释理解为模板的说明信息.如:/*Template Name: ECSHOP DefaultTemplate URI: /Description: 默认升级版.Version: 2.7.2Author: ECSHOP TeamAuthor URI: /Logo filename: logo.gifTemplate Type: type_0*/3: 完成第2步后,可以看到模板,但是模板没有缩略图.ec的模板缩略图是自动去寻找ecshop/themes/images/screenshot.png,因此需要做好缩略图, 并且命名为screenshot.png,并放置在images目录下.4: 把css文件直接放在ecshop/themes/xxx皮肤下面这一步可能导致,css与图片目录的相对位置发生变化,有一些背景图会失效,注意,修正css中背景图的路径.5: 把模板的首页命名为index.dwt (因为ecshop寻找模板的后缀为dwt)至此,模板的建立就完成了.接下的工作,即是各个页面的标签的嵌套.(smarty的知识)首页开发index.dwt把导航处的Html标签单取出,放在library/page_header.lbi里lbi里的foreach from=xxx ,xxx部分是系统定义的,我们直接使用. $nav.opennew 代表是否新窗口打开$nav.active 代表当前导航块是否处于选中状态.左侧的导航栏新建library/category_tree.lbi栏目页面category.dwt1:面包屑导航搜索自带模板的category.dwt “ur_here”关键词跟踪到/library/ur_here.lbi ,找到$ur_here标签, 把ur_here标签放到适合位置2: 商品列表跟踪到goods_listl.l.bi商品标签的关键,在于下面这个标签我们的模板根据实际情况代码如下:并在后台设置, 栏目列表页显示9条商品后台-->商店设置-->显示设置但是出了一个奇怪的问题, 前台的goods_list循环10次,且最后一次得到空的数组, 导致多出一个空的商品出来.观察category.php , 下面这句话把商品数量补成偶数个,屏蔽掉即可.用户信息, 和其他标签不一样,前面有一个insert这个是----局部不缓存的一个标签, 这个标签的信息来自于”insert_member_info”函数的返回值.在smarty中的insert_xxx 1个原理.作业: 同学们利用insert标签, 调用购物车信息,并显示在模板上。

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模板

ecshop模板ecshop模板中的运算符(1)== 为"eq"(2)!= 为"neq"(3)< 为"lt"(4)<= 为"lte"(5)> 为"gt"(6)>= 为"gte"(7)&&为"and"(8)||为"or"(9)! 为"!"(10)% 为"%"ecshop模板之文件包含在ecshop的模板中，文件的包含也极其重要。

总共有以下几种。

1：{insert_scriptsfiles="文件名称"}，主要是包含JS之类的。

比如{insert_scriptsfiles='common.js'}2：，这个主要是包含ecshop 模板中的库文件lbi.用来做公共模板。

3:{insertname='名称'type=参数id=参数}，通过调用includes/lib_insert.php文件中的模板显示函数。

格式为insert_名称()函数中smaryt的display和assign方式来显示包含库，通常结合ajax来局部刷新或者是显示结果.ecshop模板之标量声明ecshop模板中，变量或者是模板语句，都是用{}括弧加$变量名称组成的。

比如$name.在ecshop模板中，我们该使用{$name}的写法。

如果是程序的语句段，那么要从{}开始，用{/}结束。

比如模板中的if判断。

{$if条件}执行条件{/if}如果是数组，在ecshop的模板里面，同样是如此写法{$/doc/9f5538311.html,}.你可以直接取得某个数组的值。

不管是多么复杂的数组，多唯数组也可以。

在ecshop模板中，你可以用ecshop 本身的语法，下标的方式来引用变量的值。

ecshop模板使用简易说明

模板使用简易说明一、模板系统介绍Ecshop模板系统使用我们自行研发的模板控制系统和著名的PHP开源模板程序Smarty组合而成。

为了方便用户开发模板，还使用了Dreamweaver的模板和库的功能Smarty中文手册：/develop ... -docs-zh-CN/manual/二、模板设计原则二、模板系统文件结构Ecshop根目录/||->其它目录|->themes|->例:default (模板项目目录)|->images (模板图片目录)|->library (模板库目录)|-screenshot.png (模板预览图)|-style.css (模板所使用样式表)|-article.dwt (阅读文章)|-article_cat.dwt (文章列表)|-category.dwt (分类列表)|-compare.dwt (商品比较)|-gallery.dwt (商品图片)|-goods.dwt (商品)|-index.dwt (商城首页)|-respond.dwt (支付)|-secarch_result.dwt (搜索结果)|-shopping_flow.dwt (购物流程)|-snatch.dwt (夺宝奇兵)|-user.dwt (用户中心)各主要页面所用模块图例首页:index.dwt文章列表:article_cat.dwt文章显示:article.dwt商品分类:category.dwt商品比较:compare.dwt商品详情:goods.dwt搜索结果:search_result.dwt夺宝奇兵:snatch.dwtlibrary 说明articles.lbi - 文章列表article_info.lbi - 文章内容article_list.lbi - 文章列表best_goods.lbi - 精品推荐bought_goods.lbi - 购买过此商品的人购买过哪些商品brand_goods.lbi - 品牌的商品cart.lbi - 购物车cart_view.lbi - 查看购物车category_tree.lbi - 商品分类树cat_goods.lbi - 分类下的商品comments.lbi - 用户评论comment_form.lbi - 发表评论的表单consignee.lbi - 收货人信息fittings.lbi - 相关配件footer.lbi - 页脚gallery.lbi - 商品相册goods_detail.lbi - 商品详情goods_info.lbi - 商品基本信息goods_list.lbi - 商品列表help.lbi - 帮助内容history.lbi - 历史记录hot_goods.lbi - 热卖商品invoice_query.lbi - 发货单查询member.lbi - 会员登录区member_info.lbi - 会员信息nav_main.lbi - 主导航new_goods.lbi - 新品上架order_confirm.lbi - 订单确认order_detail.lbi - 订单详情order_view.lbi - 订单信息package_card.lbi - 包装和贺卡pages.lbi - 列表分页page_top.lbi - 页面顶部payment.lbi - 支付方式promotion.lbi - 促销商品properties.lbi - 商品属性register_login.lbi - 购物流程登录和注册related_goods.lbi - 相关商品search_advanced.lbi - 高级搜索表单search_form.lbi - 搜索表单search_result.lbi - 搜索结果shipping.lbi - 配送方式signin.lbi - 会员登录表单snatch_bid.lbi - 夺宝奇兵出价表单snatch_goods.lbi - 夺宝奇兵活动的商品snatch_list.lbi - 夺宝奇兵活动列表snatch_price.lbi - 夺宝奇兵价格列表snatch_result.lbi - 夺宝奇兵活动结果top10.lbi - 销售排行ur_here.lbi - 当前位置user_address.lbi - 会员中心收货人列表user_address_add.lbi - 会员中心添加收货人user_booking.lbi - 会员中心用户缺货登记user_booking_add.lbi - 会员中心用户添加缺货登记user_collect.lbi - 会员中心用户收藏夹user_forgetpassword.lbi - 会员中心找回密码。

ecshop新建增加独立页面的方法

Ecshop新建增加独立页面的方法
ECSHOP开发中心（）
ecshop是通过php文件来指向dwt文件的，比如index.php是程序文件，那么其模板文件就是index.dwt。

那么如果新建一个php文件来单独做其他作用呢？其实很简单的，
第一步：
将index.php复制一份new_page.php 出来，这里new_page.php 代表一个新页面，以后我们可以通过域名/new_page.php 来访问；
第二步：
打开new_page.php 将里面所有index.dwt文件替换成new_page.dwt
第三步：
进到模板目录比如默认模板是themes/default 将index.dwt复制为new_page.dwt即可,记住以后要修改这个页面的话只要修改new_page.dwt就行了；
完成以上三步,新增加的页面制作就完成了，你可以试试，访问的时候访问域名/new_page.php就可以了！
【ECSHOP开发中心】。

ecshop标签模板教程（一）

ecshop标签模板教程（一）看到ecshop有许多网友强烈渴望得到标签，现在从今天开始，不定期整理ECSHOP的标签，由于水平有限，不当之处，请高手指点。

现在，开始我们的第一课：先从index.php主页开始页面关键字 {$keywords }页面标题 {$page_title}产品分类父分类列表 {foreach from=$categories item=cat }父分类超链接<a href=”{$cat.url}”>{$|escape:html}</a>相对应子分类 {foreach from=$cat.children item=child}子分类超链接<a href=”{$child.url}”>{$|escape:html}</a>促销产品 {if $promotion_info} 检验是否存在促销产品，不存在就不显示相关信息促销产品列表 {foreach from=$promotion_info item=item key=key}里面还有很多标签，没弄明白，以后在添加，修改订单查询 {if empty($order_query)} 同上看下就知道了订单用户ID {if $order_er_id}订单数量 {$lang.order_number}里面还有很多标签，没弄明白，以后在添加，修改发货查询 {if $invoice_list} 当有完成的订单测显示发货列表 {foreach from=$invoice_list item=invoice}订单号名称 {$lang.order_number}订单号 {$invoice.order_sn}发货单名称 {$lang.consignment}发货单号 {$invoice.invoice_no}销售排行 {if $top_goods} 看看就知道销售列表{foreach name=top_goods from=$top_goods item=goods}产品短名称 {$goods.short_name}看例子：<!–{foreach name=top_goods from=$top_goods item=goods}–><li class=”top10-li-{$smarty.foreach.top_goods.iteration}”> <a href=”{$goods.url}” title=”{$|escape:html}”>{$goods.short_name}</a ></li><!–{/foreach}–>精品推荐 {if $best_goods} 看看就知道精品推荐列表 {foreach from=$best_goods item=goods}市场价名称 {$lang.market_price}市场价价格 {$goods.market_price}促销价名称 {$lang.promote_price}促销价价格 {$goods.promote_price}商店价名称 {$lang.shop_price}商店价价格 {$goods.shop_price}大家看到了吗？？{$lang.xxxx_xxxx}以lang开头的为相对应的名称{$goods.xxxx_xxxx}以goods开头的为价格写的好累啊，今天先介绍到这，明天将介绍热卖商品 {if $hot_goods}新货上市 {if $new_goods}团购商品 {if $group_buy_goods}拍卖商品 {if $auction_list}促销商品 {if $promotion_goods}最新公告 {$shop_notice}最新文章 {foreach name=new_articles from=$new_articles item=article}品牌专区 {if $brand_list}大家看看是否可以理解，如果可以理解将跳过此处。

搭建ecshop平台,并上传四类商品。

搭建ecshop平台上传四类商品2020-12-1目录一、安装php环境 (2)二、安装ECShop系统 (5)三、商城后台-基本信息设置 (7)四、创建商品分类 (9)五、上传产品 (10)六、总结 (13)一、安装php环境1，下载安装包（老师提供的解压数据，直接下载在本地，就不表述官网下载）2，建立新的文件夹并解压到此文件夹（文件夹名称必须英文，不然不能成功）3，解压安装包-点击Setup.cmd 进行安装根据课程的教材选择20 &50然后选择Y4，安装完成，并未启动my sql所以需要用管理员身份进行my sql安装5，Mysql无法打开，用管理员身份进行操作（在电脑搜索cmd.exe,用管理员身份打开）6，安装完成，设置密码密码设置为1237,打开浏览器进入到127.0。

1( http://127.0Q1/index.php ) php 搭建完成1—-■■r ”.- > ■ ―———士■一・4 qfk ■ d - 1 一■ 一一^__ a k —. Ji— did ■ ,8. O .l・l” I M g B 4- r b ■ ■ pn ■ i ■ Bi r s . ■■: a - n ■i k ■ i ■ u a 1■ .iii^~-I 1 ^** **** ।- 1| ■jh^4i_ii^z /a■.-«■1 B.LM_I i . * . . I安装ECShop 系统2 ,将upload 文件夹内容复制到php-htdocs,并删除index.php1，解压安装包二i 二三r h m 三三 ta3，打开浏览器输入127.0.0.14，进行安装5 ,设置账号密码，账号为admin密码为admin8886，进入商城后台7,查看网站，ECShop网站搭建完成三、商城后台-基本信息设置位置：左侧导航栏-商店设置1、商店设置（点击商店设置）设置商店名称：柚子的母婴店商店标题、店铺描述等信息如下图设置完成后网站前台2，文章管理位置：文章管理-文章列表-添加新文章为了首页显示美观，进行站内资讯创建，添加了3篇文章，2020年奶粉排行、2020年纸尿裤排行.2020年流行什么）设置完成后前台显示3，创建/增加品牌四、创建商品分类位置：商品管理-商品分类点击右侧添加分类进行添加商品分类，本次创建的是4个分类，洗护用品、儿童玩具、奶粉营养、童装。

ECshop模板制作教程

ECshop模板制作教程ECshop是一款开源的电商平台系统，具有功能强大、操作简便等特点，被广泛应用于各类电商网站。

然而，ECshop系统默认的模板可能无法满足网站主题的需求，因此，学会ECshop模板制作成为了很多网站运营者的必备技能。

本篇文章将介绍ECshop模板制作的基本步骤和技巧，希望对您有所帮助。

一、准备工作在开始ECshop模板制作之前，我们需要准备以下工具和资源：1. ECshop系统：确保已经成功安装并且可以正常运行ECshop系统。

2. 模板编辑工具：可以选择Dreamweaver、Sublime Text等专业的编辑软件，或者使用简单的文本编辑器。

3. 图片处理软件：如Photoshop或者GIMP，用于编辑和处理模板中的图片。

4. 网页浏览器：用于预览和测试模板效果。

二、模板文件结构ECshop模板由多个文件组成，以下是一个基本的ECshop模板文件结构：1. header.html：网页头部，通常包含网站的Logo、导航菜单等。

2. footer.html：网页底部，通常包含版权信息、联系方式等。

3. index.html：网站首页，展示商品分类、推荐商品等信息。

4. category.html：商品分类页面，展示各个分类的商品列表。

5. goods.html：商品详情页面，展示单个商品的详细信息。

6. cart.html：购物车页面，展示用户加入购物车的商品列表。

7. order.html：订单页面，展示用户的订单信息、支付方式等。

8. user.html：用户中心页面，展示用户的个人信息、订单记录等。

9. css文件夹：存放模板的样式表文件，如style.css。

10. images文件夹：存放模板中使用的图片文件。

11. js文件夹：存放模板中使用的JavaScript文件。

三、模板制作步骤1. 分析需求：仔细分析网站的需求和主题，确定设计和布局风格，例如是简约风格还是复古风格。

ECSHOP自定义模板

ECSHOP自定义模板篇一：ecshop自定义分类模板的方法Ecshop自定义分类模板的方法ECSHOP开发中心（68ecshop）ecshop是一个功能方面比较完善的商城的程序，但是毕竟不同于一般的cms类系统。

无法自定义每个分类的模板，这样就造成了分类模板一成不变的样式，对于美观以及个性方面可能要差点。

不过ec的开源给了php开发者一个很大的diy空间，ecshop的二次开发性也是蛮强大的。

下面是我实现的ecshop自定义分类模板的方法，子类可以继承最顶级的模板。

好处是不用修改数据库，可以在后台分类自定义模板。

功能比较简单，代码也很少，只是一个小技巧，用ecshop的朋友可以来尝试一下。

ecshop 自定义分类模板的方法实现步骤打开根目录的category.php文件（不要问我根目录在哪里），找到大概401行“$smarty->display('category.dwt', $cache_id);”，将此行注释掉或者删除。

在其下面添加下面代码$cat_arr = get_parent_cats($cat_id);foreach ($cat_arr AS $val){$cats['style']=$val['style'];}if(empty($cat['style'])){if(!empty($cats['style'])){else $smarty->display($cats['style'], $cache_id); }{$smarty->display('category.dwt', $cache_id);}}else{}代码工作完成，然后进入后台，商品分类，找到你要添加自定义模板的那个分类。

在分类的样式表文件后面的输入框中，输入你想要应用的模板文件的名称，比如“category_shoes.dwt”（前提是你的主题文件中要存在此模板文件，必须是完整的模板文件名称）ok，工作完成，更新缓存去前台参观一下吧。

ecshop模板设置流程

Ecshop设置模板流程下面我来讲解一下怎么制作自己的模板，拿index.dwt为例：1、首先在\themes\default\ （这个是你的模板路径）下将index.dwt文件拷贝一份改名为home.dwt；可以在<body>里面加一句话“这是我自己定义的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 这是我自己定义的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这个模板的候选的库文件是存在的。

这个是什么意思呢？这句话的意思就是对于每个模板文件，可以调用的库文件是固定的，并且这些可以调用的库文件在文件admin/includes/lib_templete.php中定义的。

ECShop商城网站搭建安装教程及B2C商城的seo优化流程

ECShop商城网站搭建安装教程及B2C商城的seo优化流程ECShop是上海商派网络科技有限公司（ShopEx）旗下——B2C独立网店系统，适合企业及个人快速构建个性化网上商店。

系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序。

目前最新版本为V2.7.2服务器端运行环境推荐php版本5.0及以上Mysql版本5.0及以上空间安装zend空间支持文件锁功能开启GD功能Mysql函数支持mbstring、iconv、fsockopen管理后台运行浏览器推荐Firefox、IE7+、Safari、Chrome下面我会一步步的教大家全新安装ECShop V2.7.2ECShop 的安装非常简单、方便，任何一种编码程序的安装方法都是一样的（即GBK 和UTF-8 版本的安装方法是一样的）1、安装前的准备先到ECShop 的官方网站/下载最新的ECShop V2.7.2版本的程序文件。

将下载ECSHOP软件包解压到本地，如下图所示docs目录下存放有ECShop 安装说明（install.html）、ECShop 的介绍（Readme.txt）、rewrite 的使用说明（URLRewrite.txt）。

upgrade目录是升级包，如需要升级需要将此目录上传到网站根目录下执行升级。

upload 这个目录最重要，目录下的文件就是ECShop 系统的安装程序文件了。

安装ECShop 系统时要把这个目录下的所有文件上传到你的空间下。

为了能让大家从最基础的学到建站过程这次我会从申请空间开始讲起。

在网上找了一家虚拟空间大家自己注册。

2、准备登录空间的工具ftp这里使用的是FlashFXP，打开ftp 工具，接下点击菜单栏里的连接按钮来连接你的空间，填写连接空间的帐号信息（如果是独立主机直接填写自己设置的帐号信息，如果是虚拟空间会由空间商提供服务器的帐号信息），如图所示：下载 (14.82 KB)2010-4-13 13:26点击连接按钮后便可以连接上你的空间了，如果你的空间上已经有了其他网站的程序，需要新建立一个目录来存放ECShop 的安装程序文件。

ECshop 模版制作手册

E - Commerce Online Shop 网上商店系统模板制作引导手册by Lu Hengqi16- Nov - 07E - Commerce Online Shop 网上商店系统2目录关于ECSHOP................................ ................................ ................................ (3)产品特点：................................ ................................ ................................ ................................ (3)1. 前言................................ ................................ ................................ (5)1.1. 模板系统介绍................................ ................................ ................................ ................................ .. (5)1.2. 涵盖内容................................ ................................ ................................ ................................ .. (5)1.3. 适用版本................................ ................................ ................................ ................................ .. (5)1.4. ECShop 团队主要成员................................ ................................ ................................ .. (5)2. 模板结构说明................................ ................................ ................................ .. (6)2.1. 模板目录结构................................ ................................ ................................ ................................ .. (6)2.2. 链接模板文件使用例子................................ ................................ ................................ (6)2.3. 模板文件结构................................ ................................ ................................ ................................ .. (6)3. 模板系统标签说明................................ ................................ . (9)3.1. 变量调节标签................................ ................................ ................................ ................................ .. (9)3.1.1. escape [ 编码] ................................ ................................ ................................ ................................ .. (9)3.1.2. nl2br [换行符替换成<br />] ................................ ................................ ................................ (9)3.1.3. default [ 默认值] ................................ ................................ ................................ ................................ (9)3.1.4. truncate [ 截取] ................................ ................................ ................................ ................................ .. (10)3.1.5. strip_tags [去除html标签] ................................ ................................ ................................ .. (10)3.2. 控制标签................................ ................................ ................................ ................................ .. (11)3.2.1. if,elseif,else ................................ ................................ ................................ .......................... ...... (11)3.2.2. foreach,foreachelse ................................ ................................ ................................ ............... .. (12)3.3. 显示标签................................ ................................ ................................ ................................ .. (14)3.3.1. cycle ................................ ................................ ................................ ................................ ....... (14)3.3.2. html_options................................ ................................ ................................ .......................... ...... .. (15)3.3.3. html_select_date................................ ................................ ................................ .................... ............ (16)3.3.4. html_radios ................................ ................................ ................................ ........................... ..... .. (19)3.3.5. html_select_time................................ ................................ ................................ ................... ............. (21)3.4. 辅助标签................................ ................................ ................................ ................................ .. (25)3.4.1. assign................................ ................................ ................................ ................................ .... . (25)3.4.2. Include ................................ ................................ ................................ ................................ . . (25)E - Commerce Online Shop 网上商店系统3关于ECSHOPECShop 是Comsenz公司推出的一款B2C 独立网店系统，适合企业及个人快速构建个性化网上商店。

ECshop 模板设计教程

大家好，在论坛泡了也有一段时间了，今天把EC模板制作修改方面的一些东西整理下，算是一个教程吧，希望对大家有点帮助想对EC模板进行修改、美化，前提是你必须对EC的文件结构有一定的了解，有DIV+CSS方面的基础，还有smarty方面的基础。

建立在这些基础上，经过一定时间的尝试才可以对EC 模板的修改得心应手，OK,下面我们开始一、EC模板修改基础篇1.EC模板的文件结构（以2.71为范例）ECSHOP 模板结构说明.rar (650.32 KB)2.DIV+CSS基础知识如果你连这个什么都不懂的话模板基本是没办法改的，因为EC采用的是DIV+CSS布局，所以对这方面必须有所了解，给大家推荐我的CSS站点里面有一些基本的CSS 教程，可以边学边尝试，其实就是在不断地尝试中进步的3.smarty方面的基础想做模板你可以不用精通PHP，但smarty引擎的东西必须有所了解，不然库文件里很多相关代码看起来会觉得头痛，都是一些基础的语法，下面就来做个了解吧smarty中文手册.chm (358.39 KB)二、EC模板修改提升篇OK，有了以上的基础，可以来学习这一篇章，但前提是上面给出的三个基础必须搞明白，就跟建房子一样，不建好地基，建出来的房子也不会结实1.下载并安装专业的测试工具一般我测试都是在IE 6 7 8 FF下测试，因为其他的一些浏览器基本都是用的IE内核(1)火狐下用firebug进行测试，可以下一个火狐，然后在工具》附加组件里搜索firebug,出来后选择安装即可，安装好后按F12可以调出(2)IE 我一般用IE TESTER进行测试，因为可以在你的电脑中同时开启IE各种版本的环境先安装IE TESTER ，然后安装DEBUGBAR调试工具[local]4[/local]关于以上2个调试工具怎么使用我就不在这里累赘了，大家可以去网上看一些基本的教程2.安装代码编辑工具EC采用DWT模板和LBI库文件结合写成模板，这类文件需要专业的编辑工具进行编辑，切记不可用记事本编辑，特别是UTF8用记事本编辑会出错，在这里推荐DRM，即Dreamweaver 或者Editplus也可以=====================================================第一篇章：如何删除首页品牌空白区域《见20楼》第二篇章：如何设计、美化和调用底部帮助文章列表《见24楼》第三章：商品分类模块的美化与设计《见35楼》第四章讲解预告：导航模块的美化与设计OK，经过了这么长时间大家如果对一楼的介绍有过基础后可以来看这一篇章《模板修改实例操作》1.如何删除首页主广告下方空白区域这个问题很有可能是品牌区模块的问题，CSS将品牌区的高度写好了，而你又没在后台添加品牌，所以会看到空白区域，当然也有可能是广告区域预先写死了在模板中，各模板不同，我们以官方默认模板2.71为例步骤一：我们查看2.71默认模板页面，如下发现图中今日特价右侧有空白区域，在火狐按F12调出FIREBUG工具*****注意：FIREBUG中深蓝色区域的代码仅仅是商品品牌模块的内层，外层包含的才是整个模块***1.<div class="box f_r brandsIe6">2. <div id="brands" class="box_1 clearfix">3. </div>4. </div>复制代码步骤二：查看商品品牌模块外框架内的所有模块结构我们发现品牌模块左侧是ID为sales的特价模块层，外层框架是class为clearfix的层步骤三，用DRM打开index.dwt模板文件CTRL+F搜索brands跳到如下行很明显发现了特价和品牌区域都是引用的库文件如果用不到品牌模块并且想不显示这个空白区域，解决方案：》在模板中删除对应的品牌模块，注意是整个品牌模块区删除，不是只是库文件删了就可以的！1. 2. <div class="box f_r brandsIe6">3. <div class="box_1 clearfix" id="brands">4. 5. </div>6. </div>复制代码》删除后我们发现右侧的空白区域仍然存在这是因为前面的特价模块的CSS宽度写死了，需要修改CSS》按照上图右边提示打开style.css找到第205行，把width改为750px》改好后刷新页面，发现右边空白区域已经没有，但模块顶部的背景图片短》这也是因为背景图片本身就只有500px宽，制作的死的，需要重新作图images/salesTitBg.gif》重新作图覆盖后刷新页面，效果如下OK，大功告成！=========下节讲解预告：如何设计、美化并调用底部帮助系统文章列表===========进入实例教程2：如何设计、美化并调用底部帮助系统文章列表很多人发现自己的网店底部信息没有帮助文章列表，只有底部导航，那么这个有2种可能1：你的系统根本不存在这个调用的对应代码 2：你没有在后台中对应的文章分类中加上文章废话不多说如果是第一种情况，需要重写一个help库文件,然后在对应页面中引用即可，如果是第二种情况只需在后台文章分类添加文章即可引用代码如下(以官方默认模板为例)1.2.<div class="block">3. <div class="box">4. <div class="helpTitBg clearfix">5. 6. </div>7. </div>8.</div>复制代码重写help库文件1.<meta http-equiv="Content-Type" content="text/html;charset=utf-8">2.3.4.<dl>5. <dt><a href='{$help_cat.cat_id}'title="{$help_cat.cat_name}">{$help_cat.cat_name}</a></dt>6. 7. <dd><a href="{$item.url}"title="{$item.title|escape:html}">{$item.short_title}</a></dd>8. 9.</dl>10.11.复制代码然后在后台系统帮助分类下添加分类，再在分类下添加文章即可当然这里的外观样式需要你自己去设计，因为每个人的审美观不同我贡献一个女人街底部的帮助模块吧这是CSS1..helpTitBg{text-align:left; background-color:#fff;2.3. padding:15px 0 15px 0;border:1px solid #ccc;4.5. }6.7. .helpTitBg .f_l{ width:135px; padding:0px 25px 0 10px;}8.9. .helpTitBg .f_l img{ border-bottom:1px solid #ebebeb}10.11. .helpTitBg dl{float:left; width:140px; padding:0 10px;border-left:1px solid #e2e2e2; height:170px;}12.13. .helpTitBg dt{width:auto; height:40px; line-height:40px;text-align:left;14.15. color:#a7a7a7; padding-left:5px; margin-bottom:4px;font-size:14px; font-weight:bold; border-bottom:1px solid#ebebeb;}16.17. .helpTitBg dt img{ vertical-align:middle;margin-right:5px;}18.19. .helpTitBg dt a{font-weight:bold; color:#555;text-decoration:none;}20.21. .helpTitBg dd{ padding:5px 0 5px 10px;background:url(images/biao17.gif) 10px centerno-repeat;border-bottom:1px solid #ebebeb;}22.23. .helpTitBg dd a{color:#555; text-decoration:none; padding:0px0px 0px 10px;}复制代码help.lbi中内容1.<meta http-equiv="Content-Type" content="text/html;charset=utf-8">2.<div class="helpTitBg clearfix">3. <div class="f_l">4. <img src="../images/left_fot1.gif">5. <img src="../images/left_fot2.gif">6. <img src="../images/left_fot3.gif">7. </div>8.9.<dl>10. <dt><imgsrc="../images/help_{$smarty.foreach.num.iteration}.gif" /><ahref='{$help_cat.cat_id}'title="{$help_cat.cat_name}">{$help_cat.cat_name}</a></dt>11. 12. <dd><a href="{$item.url}"title="{$item.title|escape:html}">{$item.short_title}</a></dd>13. 14.</dl>15.16. </div>复制代码用到的图片素材----------------下节讲解预告：商品分类模块的美化与设计-------------------------------------biao17.gif(50 Bytes)help_1.gif(1.47 KB)help_2.gif(1.38 KB)help_3.gif(1.41 KB)help_4.gif(1.33 KB)help_5.gif(1.38 KB)left_fot1.gif(2.06 KB)left_fot2.gif(2.29 KB)left_fot3.gif(2.07 KB)今天，我们来讲商品分类模块的设计与美化首先要知道，商品分类模块引用的文件是category_tree.lbi，我们可以修改这里面的内容再配合CSS和一些图片素材做到一个很好的美化，少部分页面需要修改程序来看一下官方默认模板的分类树库文件1.<meta http-equiv="Content-Type" content="text/html;charset=utf-8">2.<div class="box">3.<div class="box_1">4. <div id="category_tree">5. 6. <dl>7. <dt><a href="{$cat.url}">{$|escape:html}</a></dt>8. 9. <dd><ahref="{$child.url}">{$|escape:html}</a></dd>10. 11. <dd>  <ahref="{$childer.url}">{$|escape:html}</a></dd>12. 13. 14.15. </dl>16. 17. </div>18.</div>19.</div>20.<div class="blank5"></div>复制代码再看一下效果个人认为这个一般人都不大喜欢，我们就以实例对它进行重新设计下，我们的效果图OK，切图，切出四个图，如下1.<meta http-equiv="Content-Type" content="text/html;charset=utf-8">2.<div id="tree">3.<div class="tree_h"></div>4. 5.6. <div class="cat1"><ahref="{$cat.url}">{$|escape:html}</a></div>7. 8. <div class="cat2"><ahref="{$child.url}">{$|escape:html}</a></div>9. 10. 11. 12. 13. 14. </div>15.<div class="blank5"></div>复制代码CSS代码如下：1.#tree {2. width:215px;3. height:641px;4. background-image: url(images/time/tree_bg.gif);5. background-repeat: no-repeat;6. padding-top:11px;7.}8.#tree .cat1 {9. width:177px;10. height:32px;11. background-image:url(images/time/tree_cat1.gif);12. background-repeat: no-repeat;13. padding-left:38px;14. line-height:32px;15.16.}17.#tree .cat1 a {18.font-size:16px;19.color:#FFFFFF;20.text-decoration:none;21.font-family:Arial, Helvetica, sans-serif;22.font-weight:bold;23.}24.#tree .cat2 {25. width:165px;26. height:32px;27. padding-left:50px;28. background-image:url(images/time/tree_cat2.gif);29. background-repeat: no-repeat;30. line-height:32px;31.32.}33.#tree .cat2 a {34.font-size:13px;35.color:#FFFFFF;36.text-decoration:none;37.font-family:Arial, Helvetica, sans-serif;38.font-weight:bold;39.}40.#tree .tree_h {41. padding-left:15px;42. width:107px;43. height:49px;44. background-image:url(images/time/tree_h.gif);45. background-repeat: no-repeat;46.}复制代码将切出来的四张图放到images目录下，前台预览，大功告成预览地址：分类美化设计实例预览大家经常问的是怎样把分类一行2列，其实这个是要去除官方默认的代码属性，写上自己的，加上漂浮即可，以官方默认模板2.71的category_tree.lbi 为例<dl><dt><a href="{$cat.url}">{$|escape:html}</a></dt> <dd><a href="{$child.url}">{$|escape:html}</a></dd><dd>  <a href="{$childer.url}">{$|escape:html}</a></dd></dl>将其中红色标注的部分代码改为<dd class="clearfix"><p><a href="{$child.url}">{$|escape:html}</a></p><dd>  <a href="{$childer.url}">{$|escape:html}</a></dd></dd>CSS代码：#category_tree dl dd p {display:block;float:left;height:17px;margin:1px 2px;overflow:hidden;width:90px;}=======================================这次的篇章就到这里，下一篇章讲解预告：导航模板的美化与设计。

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

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模板,然后清空缓存。

接下来我们进入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键换行，然后输入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>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>复制代码好，现在我们开始加循环标签，我们要调用的是精品推荐商品, 代码如下: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 这个对象的商品名称.好了，我们保存，前台刷新看一下啊。