搜索
模板目录与初始文件模路径与文件在开始制作之前，我们先来了解下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);/}divclass=”main”divclass=”focus”/divdivclass=”sidebar”/divdivclass=”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文件的引入与路径处理通常我们静态路径是这样的，linkhref=../css/layout.csstype=text/cssrel=stylesheet/在IWEBSHOP里，需要更改成linkhref=skin/{echo:$SYSINFO['templates'];/}/css/layout.csstype=text/cssrel=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($catlistas$value)[loop]}文章分类内容{sta:foreach($resultas$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($aboutas$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_infoas$value)[exc]}幻灯片内容{end:if/}标签幻灯片数字{echo:$i;/}语法{sta:for($i=1;$i=count($images_info);$i++)[loop]}内容{end:for/}以幻灯片图片调用为例顺便讲一下套用的方法这是我们切好的HTML静态页面的幻灯片布局divulliahref=”#”imgsrc=”#”alt=”#”//a/liliahref=”#”imgsrc=”#”alt=”#”//a/liliahref=”#”imgsrc=”#”alt=”#”//a/li/ul/div根据上面我们的标签说明与语法，我们将标签套成动态的就是这样divul{sta:foreach($images_infoas$value)[exc]}liahref=”{echo:$value['images_link'];/}”imgsrc=”{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($noticeas$value)[loop]}内容{end:foreach/}品牌推荐标签品牌地址{echo:brand_list_url($value['brand_id']);/}品牌图片地址{echo:$value['brand_logo'];/}品牌名称{echo:$value['brand_name'];/}语法{sta:foreach($brand_rsas$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_bestas$value)[loop]}内容{end:foreach/}热门商品语法{sta:foreach($goods_hotas$value)[loop]}内容{end:foreach/}商品数量的变更方法在网站的根目录下找到models文件夹中的index.php文件打开，查找第51行和52行，分别是促销与热门商品，更改它们末尾的数字8为你想要显示的商品数量。同样道理你可以继续找到第55行和56行，分别是推荐品牌与公告文章，更改他们末尾的数字10和4为你想显示的数量