电子商务iwebshop二次开发文档

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

电子商务iwebshop二次开发文档
模路径与文件
在开始制作之前,我们先来了解下SHOP的模板路径与文件
SHOP的模板文件与皮肤放置在不同的名目下
模板存放在./templates名目下
皮肤存放在./skin名目下
下面针对默认模板做一下结构说明
默认模板存放在./templates/default名目下
1、模块文件,文件夹中存放着可重复调用文件、模块,一样有头部、底部、侧栏等
2、框架文件,网站功能的整体框架页面
对应的默认风格存放在./skin/default名目下
1、文件夹中存放对应模板方案的图片、样式表、JS等文件
初始文件
新建立一套模板的方法,复制一份默认模板方案与默认风格文件夹,放在相应的名目内,给新模板起一个名字,把两个文件夹同时更换成该名称。

或者直截了当在./templates与./skin 建立空的文件夹,然后把做好的html 页面按照iweb_sns 模板命名规则命名并存放到模板名目。

登陆后台→全局设置→模板治理,找到你刚才建立的新模板选择应用模板,如此你就能够启
用新的风格了
建立网站框架、划分结构
以默认模板为例子
下面是首页设计好的成效图,我们来做一下区域划分,
与常规的制作一样,成静态页面后
把公共的部分分离出来,常见的有头部、底部与侧栏,引用他们到框架,用如此的语句{inc: include("shop/独立出来的文件名");/}
我们能够依照上面的划分,规划出简单的布局框架如下:
{inc: include("shop/header.html");/}
<div class=”main”>
<div class=”focus”>
</div>
<div class=”sidebar”>
</div>
<div class=”content”>
</div>
</div>
{inc: include("shop/footer.html);/}
这段代码放置于index.html内,调用了头部文件header.html与底部文件footer.html。

如此之后,我们需要在每个详细的区域来写入我们的模块布局,然后再把IWEBSHOP标签套入到里面去。

下面是几个公共的框架页结构,分别负责不同的功能页面,这些页面往往是网站的基础功能,Index.html网站首页
brand.html品牌专区页
brand_list.html品牌详细页
compare.html商品对比页
inquiry.html查询页
login.html登陆页
search.html搜索结果页
search_ad.html高级搜索页
search_tag.html搜索标签页
下面的页面存放于模板的SHOP名目下
article.html文章详细
article_list.html文章列表页
auction.html拍卖详细
auction_list.html拍卖列表
error.html错误页
exchange.html商品兑换
exchange_list.html商品兑换列表
goods.html产品详细页
groupbuy.html团购页
groupbuy_list.html团购列表页
payrespond.html支付回应
special.html活动专题页
special_list.html活动专题列表页
能够依照上面的页面说明来更换你想改变的功能页面的风格,也能够新建空白HTML文件来放入自己的布局,然后把IWEBSHOP的标签套到你的布局里,但HTML文件名和结构必
须与默认模板一致。

其他如头部、底部文件等公共存放在modules下,注册与会员中心分别在modules下的reg与user名目下,商品分类则在categrouop名目下
能够依照自己的需要更换相应的HTML文件,同时,如功能页一样,你也能够新建立空白的HTML文件来放入自己的全新布局,然后在套入IWEBSHOP标签,HTML文件名必须与默认模板一致。

这时候假如你后台启用了你更换的模板,就能够在前台查看实际成效了。

建议这时使用DEBUG模式,假如未使用需要你每更换一次模板,需要后台编译后才能看到成效。

CSS,IMAGES,JS文件的引入与路径处理
通常我们静态路径是如此的,
<link href="../css/layout.css" type="text/css" rel="stylesheet" />
在IWEBSHOP里,需要更换成
<link href="skin/{echo: $SYSINFO['templates'];/}/css/layout.css" type="text/css" rel="stylesheet" />
同样,IMAGES,JS也需要如此的路径。

标签数据调用
IWEBSHOP使用标签化来灵活的调用数据,我们来以上面的默认风格为例,讲一下IWEBSHOP的标签调用。

第一我们依照名目找到对应首页的index.html文件,用编辑器打开它,
头部信息
我们能够看到我们的HTML里套上了IWEBSHOP的标签
如<title>{echo: $header['title'];/}</title>
我们给静态页的TITLE套上了
标题输出{echo: $header['title'];/}
标签,如此我们就能够动态输出页面的标题了
页面关键字{echo: $header['keywords'];/}
介绍{echo: $header['description'];/}
网站地址{echo: $baseUrl;/}
模板文件夹名称{echo: $SYSINFO['templates'];/}
网站头部(公共)
网站名称{echo: $SYSINFO['sys_name'];/}
网站底部(公共)
关心文章
标签
系统关心文章分类地址{echo:article_list_url($value['cat_id']);/}
系统关心文章分类名称{echo:$value['cat_name'];/}
系统关心文章地址{echo:article_url($v['article_id']);/}
系统关心文章名称{echo:$v['title'];/}
语法
{sta:if($catlist)[exc]}
{sta:foreach($catlist as $value)[loop]}
文章分类内容
{sta:foreach($result as $v){if($v['cat_id'] == $value['cat_id'])[exc]} 文章内容
{end:}foreach/}
{end:foreach/}
{end:if/}
关于商城文章
标签
文章地址{echo:article_url($value['article_id']);/}
文章名称{echo:$value['title'];/}
语法
{sta:if($about){
foreach($about as $value)[loop]}
内容
{sta:if($value!=end($about)){echo "|";}
}if/}
版权
标签
公司名称{echo: $SYSINFO['sys_company'];/}
版权信息{echo: $SYSINFO['sys_copyright'];/}
ICP备案{echo: $SYSINFO['sys_icp'];/}
内容区域(index.html)
幻灯片
标签
幻灯片图片链接{echo:$value['images_link'];/}
幻灯片图片URL{echo:$value['images_url'];/}
幻灯图片ALT{echo:$value['name'];/}
语法
我们会用到如此的语法来开始和终止这段调用
{sta:foreach($images_info as $value)[exc]}
幻灯片内容
{end:if/}
标签
幻灯片数字{echo:$i;/}
语法
{sta:for($i=1;$i<=count($images_info);$i++)[loop]}
内容
{end:for/}
以幻灯片图片调用为例顺便讲一下套用的方法
这是我们切好的HTML静态页面的幻灯片布局
<div>
<ul>
<li><a href=”#”><img src=”#” alt=”#” /></a></li>
<li><a href=”#”><img src=”#” alt=”#” /></a></li>
<li><a href=”#”><img src=”#” alt=”#” /></a></li>
</ul>
</div>
依照上面我们的标签说明与语法,我们将标签套成动态的确实是如此
<div>
<ul>
{sta:foreach($images_info as $value)[exc]}
<li><a href=”{echo:$value['images_link'];/}”>
<img src=” {echo:$value['images_url'];/}”
alt=”{echo:$value['name'];/}” /></a>
</li>
{end:if/}
</ul>
</div>
商品分类
标签
商品分类的ID{echo:$cat['cat_id'];/}
商品分类的名称{echo: $cat['cat_name'];/}
商品子分类的ID{echo:$subcat['cat_id'];/}
商品子分类的名称{echo: $subcat['cat_name'];/}
语法
{sta: foreach($CATEGORY[0] as $cat)[loop]}
商品主分类内容
{sta:if(isset($CATEGORY[$cat['cat_id']]) && $CATEGORY[$cat['cat_id']])[exc]} {sta: foreach($CATEGORY[$cat['cat_id']] as $subcat)[loop]}
商品子分类的内容
{end:foreach/}
{end:if/}
网站公告文章
标签
文章URL{echo: article_url($value['article_id']);/}
文章名称{echo: $value['title'];/}
截取字符长度的文章名称{echo: sub_str($value['title'],22,false);/}
(更换字符长度能够更换标签中的数字部分22)
语法
{sta: foreach($notice as $value)[loop]}
内容
{end:foreach/}
品牌举荐
标签
品牌地址{echo:brand_list_url($value['brand_id']);/}
品牌图片地址{echo:$value['brand_logo'];/}
品牌名称{echo:$value['brand_name'];/}
语法
{sta: foreach($brand_rs as $value)[loop]}
内容
{end:foreach/}
商品
标签
商品地址{echo: goods_url($value['goods_id']);/}
商品图片地址
{echo: $value['is_set_image'] ? $value['goods_thumb'] : 'skin/default/images/nopic_small.gif';/} 商品名称{echo: $value['goods_name'];/}
带字符限制的商品名称{echo: sub_str($value['goods_name'],52,false);/}
(同样你也能够更换标签中的数字52来更换字符数量)
收藏人气{echo:$value['favpv'];
商品价格{echo:$value['goods_price'];/}
语法
举荐商品语法
{sta: foreach($goods_best as $value)[loop]}
内容
{end:foreach/}
热门商品语法
{sta: foreach($goods_hot as $value)[loop]}
内容
{end:foreach/}
商品数量的变更方法
在网站的根名目下找到models文件夹中的index.php文件打开,查找第51行和52行,
分别是促销与热门商品,更换它们末尾的数字8为你想要显示的商品数量。

同样道理你能够连续找到第55行和56行,分别是举荐品牌与公告文章,更换他们末尾的数字10和4为你想显示的数量。

相关文档
最新文档