ECshop模板制作教程
ecshop模版使用
ecshop模版使用
标题,利用ECShop模版打造个性化电商网站。
随着电子商务的迅速发展,越来越多的企业和个人开始关注如何搭建自己的电
商网站。ECShop作为一款功能强大、灵活性高的电商平台,为用户提供了丰富的
模版资源,使得用户可以轻松打造个性化的电商网站。
首先,ECShop提供了丰富多样的模版选择,用户可以根据自己的需求和喜好
选择适合的模版。无论是时尚潮流的服装网站,还是专业的电子产品网站,ECShop都能满足用户的需求。同时,ECShop的模版设计风格多样,用户可以选
择简约大气的设计,也可以选择华丽炫目的风格,满足不同用户的审美需求。
其次,ECShop的模版定制性强,用户可以根据自己的需求对模版进行个性化
定制。用户可以自定义网站的颜色、布局、字体等,使得网站更符合自己的品牌形象和风格。同时,ECShop还提供了丰富的插件和功能模块,用户可以根据自己的
需求添加不同的功能,使得网站更加丰富多样。
最后,ECShop的模版使用简单方便,用户无需具备专业的编程技能,即可轻
松打造个性化的电商网站。ECShop提供了详细的使用教程和技术支持,用户可以
快速上手,快速搭建自己的电商网站。
总之,利用ECShop模版打造个性化电商网站是一种简单、快捷、灵活的方式。通过选择适合的模版、进行个性化定制,用户可以轻松打造出符合自己品牌形象和风格的电商网站,从而吸引更多的用户,提升销售业绩。让我们一起利用ECShop
模版,打造属于自己的电商王国吧!
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里 之后有如下代码。
ecshop二次开发手册
ecshop二次开发手册【基本结构】
【基本熟悉】
前言:ECSHOP是一套完整的网络商店解决方案,包括前台的商品展示、购物流程和强大易用的后台管理。由于ecshop简单易用,使用者几乎可以在3几分钟简单的设置一下就可以拥有一个网上商店系统,所以很多的B2C站点都选择了使用ECShop网上商店系统,但是有时候我们需要做一些ecshop本来没有的功能或者前端展示,这时候就需要我们自己去进行对ecshop的二次开发了。
一、ecshop系统功能二次开发
ecshop的代码结构非常易懂,只有有一点php基础都可以在原有的程序基础上进行修改,或功能插件的开发。
ecshop中的一些公用函数都会放在includes文件夹里,而这些公用函数几乎我们都可以用来参照一下就能轻松做出我们想要的其他功能了。
我们要对ecshop进行二次开发,简单来说其实就是对数据库的读写操作,所以只要我们读懂ecshop的数据库操作类,接下来的实现就很轻松了。
ecshop的数据库操作类是很强大的,一些常用的函数如下:
1.获取单条记录
$GLOBALS['db']->getRow($sql);
2.获取单一字段
$GLOBALS['db']->getOne($sql);
例如查询产品总数:
echo $GLOBALS['db']->getOne(…SELECT COUNT(*) FROM … .
$GLOBALS['ecs']->table(…goods‟) ;
3.获取所有记录
$GLOBALS['db']->getAll($sql);
ecshop的使用流程
ECShop的使用流程
1. 准备工作
在使用ECShop之前,您需要做一些准备工作:
•确保您已经安装了Web服务器和PHP环境。
•下载并解压ECShop安装包。
•创建一个MySQL数据库,并记录数据库名称、用户名和密码。
2. 安装ECShop
以下是安装ECShop的步骤:
1.将解压后的ECShop文件上传至Web服务器的目录中。
2.打开浏览器,输入您的域名或服务器IP地址,进入ECShop的安装
界面。
3.按照界面提示,选择安装语言和数据库类型。
4.输入您之前创建的MySQL数据库的信息,包括数据库名称、用户名
和密码。
5.点击“开始安装”按钮。
6.等待安装完成,系统将自动生成管理员账号和密码。
3. 配置ECShop
安装完成后,您需要进行一些基本的配置:
•登录ECShop后台管理系统,使用之前生成的管理员账号和密码。
•进入系统设置,配置一些基本信息,如网站名称、网站URL等。
•根据需要,配置其他选项,如支付方式、配送方式等。
4. 添加商品
ECShop是一个电子商务平台,您可以在平台上销售各种商品。以下是如何添加商品的步骤:
1.登录ECShop后台管理系统。
2.进入“商品管理”页面。
3.点击“添加新商品”按钮。
4.填写商品的基本信息,包括商品名称、价格、库存等。
5.根据需要,选择商品分类、品牌、属性等。
6.上传商品图片。
7.配置商品的其他选项,如会员价格、促销活动等。
8.点击“保存”按钮,完成商品添加。
5. 设计网站模板
ECShop提供了丰富的网站模板,您可以根据自己的需求进行设计和定制。以下是如何设计网站模板的步骤:
ECMall模板制作
ECMall2.x模板制作入门系列之1(认识ECMall模板)
从ECMall2.0全新架构发布以来,随着版本的不断更新,ECMall已经逐渐走向一个稳定时期,是时候整理一些实用教程了。下面给大家带来一个模板制作入门教程。
申明:本人第一次写教程。可能只能说一些比较浅显的基础知识。条理性可能不是很到位,说得不对的地方欢迎拍砖并指正,目的是希望通过这次教程能让新手们对模板有一个比较系统的认识。
一.ECMall的模板文件在网站中怎么分布的。怎么找到一个页面所对应的模板
theme/ 主题目录
商城模板
theme/mall/ 包含所有商城模板,里面的每个目录即为一套模板
theme/mall/default/ 商城默认模板,里面的html文件是模板文件,.php主题信息配置
theme/mall/default/styles/ 皮肤目录,里面每一个目录即为一套皮肤theme/mall/default/styles/default/ 默认皮肤目录,.php为皮肤配置信息,screenshot.jpg主题截图,preview.jpg为主题预览图
店铺模板
theme/store/ 包含所有店铺模板
theme/store/default/ 默认店铺模板
theme/store/default/styles/ 皮肤目录,里面每一个目录即为一套皮肤
theme/store/default/styles/default/ 默认皮肤目录,.php为皮肤配置信息,screenshot.jpg主题截图,preview.jpg为主题预览图
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提供了编辑库文件编辑的地方,就在管理后台的“模板管理”–>“库文件管理”。
那么这些库项目是如何显示在页面上的呢?让我们以“新品推荐”为例。往下看。
ECSHOPWAP免费模板
ECSHOPWAP免费模板
篇一:ecshop如何不用做wap模板,手机访问和电脑访问界面一致
ecshop如何不用做wap模板,手机访问和电脑访问界面一致
ecshop用手机访问的时候,会自动跳转到 /mobile 目录下,ecshop自带的wap模板是用wml制作的,如果按这种情况,又需要制作一套模板,太麻烦,现在都是智能手机时代,wml 模板已经不能满足需求,所以就有以下方案的提出:如何让手机终端访问显示与电脑终端一样的界面?
找了半天,是下面这段代码在起效果,删除即可!
删除后,再用手机访问,不管是Andorid还是IOS设备,都正常(Symbian设备除外、手中没有WP设备,WP未测试——应该也正常)
篇二:ecshop首页修改ECSHOP的模板大全教程
修改ECSHOP的模板大全
ECSHOP的广告链接地址形式为
“affiche.php?ad_id=1&uri=%3A%2F%2F”
它中间用 affiche.php 做了一个过渡,目的在于统计广告效果等。
有些站长觉得这种链接地址看上去很别扭,而且不利于SEO, 想改成直接的形式,也就是后台设置的是什么链接地址,就直接打开什么链接地址。
可以这样来修改:
打开 /includes/lib_insert.php 文件
找到
$ads[] = "<a
href='affiche.php?ad_id=$row[ad_id]&uri=" .urlencode($ row["ad_link"]). "'
修改为
$ads[] = "<a href='" .$row["ad_link"]. "'
ecshop模板
ecshop模板
ECShop是一个流行的开源电子商务平台,能够帮助商家搭建
在线商店。为了让商家的店铺更具有个性化和美观性,ECShop在
建立时提供了一些基础模板。但是,这些模板通常具有相似的设
计与布局,因此商家需要采用自定义模板,以使其在线商店与众
不同。本文将介绍ECShop模板的定义、类型和优秀的模板资源。
I. 模板的定义
ECShop模板是一种用于控制网页版面结构、颜色、排版、图
像等元素的文档。它们是以HTML和CSS代码编写的,从而形成
了ECShop网站中的商铺样式和设计属性。换言之,ECShop模板
决定了商家店铺可以呈现的外观。
II. 模板的类型
在ECShop网站中可使用的模板类型有许多,其中一些类型是:
1. 商城模板
商城模板是设计用于展示和推销在线商店的商品和服务的模板。它必须是高度用户友好的,具有良好的导航和顺畅的用户界面。
2. 目录模板
目录模板是一个被用于ECShop商铺内的目录的模板。它必须
是具有方便的导航和清晰的分类方式。
3. 首页模板
首页模板是ECShop网站入口,它应该是商家的店铺家门口,
要让用户赏心悦目、舒适、快捷的进入它们的在线商店。它应该
包括市场战略、品牌信息和客户信息等。
III. 优秀的模板资源
虽然ECShop有许多优质模板,但商家还可以从许多其他资源
中找到其理想模板。
1. ECShop平台互助社区
ECShop商家可以从官方网站社区寻找到一些好的资源。社区是一个商家交流和互助的地方,商家可以从中获得许多目录和商铺模板。
2. 模板网站
在许多模板网站上,可以下载到大量的免费或付费ECShop模板。设计师们在这些模板上花费了大量的时间和努力,因此商家可以在网站上发现许多卓越的、高质量的模板。
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 本身的语法,下标的方式来引用变量的值。比如{$cat_rec[2].name}
ecshop首页修改ECSHOP的模板大全教程
修改ECSHOP的模板大全
ECSHOP的广告链接地址形式为
“affiche.php?ad_id=1&uri=http%3A%2F%”
它中间用affiche.php 做了一个过渡,目的在于统计广告效果等。
有些站长觉得这种链接地址看上去很别扭,而且不利于SEO, 想改成直接的形式,也就是后台设置的是什么链接地址,就直接打开什么链接地址。
可以这样来修改:
打开/includes/lib_insert.php 文件
找到
$ads[] = "
修改为
$ads[] = "
注意:一共有两处都要修改
在ECSHOP首页的每个商品下显示商品货号
ECSHOP首页有很多种商品,包括今日特价、精品推荐、新品上市、热卖商品、分类商品等,
这里只讲解在“精品推荐、新品上市、热卖商品”三个栏目的商品下面显示商品货号的方法。
第一步:
修改 includes/lib_goods.php文件
找到下面代码
第二步:找到
$goods[$idx]['brand_name'] = isset($goods_data['brand'][$row['goods_id']]) ?
$goods_data['brand'][$row['goods_id']] : '';
在它上边增加一行代码
$goods[$idx]['goods_sn'] = $row['goods_sn'];
第三步:
修改模板文件,这里以官方默认模板为例
依次打开下面三个文件:
/themes/default/library/recommend_best.lbi,
/themes/default/library/recommend_new.lbi,
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
ECshop模板制作教程
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标签模板教程(一)
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}
ecshop 模板
ecshop 模板
ECShop模板:打造专属电商网站
随着电商的不断发展,越来越多的人开始决定在网上开店铺,
而ECShop作为开源免费的电商平台,是众多电商创业者的首选之一。ECShop的模板拥有多种类型和风格,可以满足不同电商网站
的需求。那么,本文将向大家介绍ECShop模板的相关知识以及如何在选择和使用模板时注意事项。
一、ECShop模板的种类
ECShop模板有哪些种类呢?我们可以将它们分为自带模板和
第三方模板两类。
1.自带模板
自带模板是ECShop默认自带的模板,主要有default、meituan、weimo、shopex、yzt等5种,每个模板都有自己的特色和定位,
均可在后台直接启用和管理。
2.第三方模板
第三方模板是由其他开发者开发的,主要分为免费模板和收费
模板。免费模板在分享网站(如模板之家、懒人模板网等)可以
免费下载;收费模板则需要购买,一般售价在几十到几百元不等。
二、选择ECShop模板需要注意的事项
1.版权问题
在选择第三方模板时,要确保其版权属于开源或商业版,并且
版权是合法合规的。
2.安全性
选购模板的时候,要注意模板源码的安全性,尽量选择官方认
证模板或者已经被知名网站收录的模板,避免下载到带有恶意代
码或后门的模板。
3.兼容性
模板要与ECShop版本兼容,否则可能会出现无法正常使用的情况。
三、如何使用ECShop模板
ECShop模板的使用方法其实很简单,只需要在后台管理界面选择相应的模板并上传启用即可。
1.上传模板
第一步,将下载好的模板解压,并把解压后的文件夹上传到ECShop的templates目录下。
ecshop模板的原理分析
ecshop模板的原理分析
模板的原理
类似Smarty/ECShop这类模板的原理如下图所示。
1.首先是编译模板
ECShop/Smart是利用PHP引擎,所以编译的结果是一个PHP 文件,其编译过程就是
将分隔符{}替换成PHP的标准分隔符<?PHP ?>,
将$var替换成 echo $var; 或者print $var;
将其他的比如foreach和if等也替换成标准的PHP语法。
将{include file…}之类的则替换成标准的PHP的inlcude …
其余都是等效替换。
2.其次是生成编译结果
编译结果是PHP文件,并且编译结果可以重用,所以这种文件会存到临时缓存目录里面。
3.利用PHP引擎执行结果
输出HTML结果。
ECShop模板的原理
ECShop的模板原理和上面基本类似,就是在编译的时候和Smarty模板有所修改,比较重要的有一下几点:
1. 模板的执行流程
$smarty->display
$smarty->fetch返回HTML结果(所有模板)
$smarty->fetch_str(先编译成PHP、在给变量赋值、计算结果)
1) $smarty->smarty_prefilter_preCompile (编译成PHP)
2) $smarty->select (计算每一个变量、表达式的结果,替换成标准PHP语法)
这一步是通过正则实现的,匹配每一个{},将结果传给$smarty->select,改方法通过switch/case逐一分析,替换成对应的表达式。
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);}
- 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中找到
如有操作时候有弹出对话框:
如图:
点击确定就可以了,:)
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} : 快讯标题的标签