ECshop模板制作教程(转)(1)
2016-07-07 15:13 来源:www.chinab4c.com 作者:ecshop专家
好我们继续完善他,给它加上链接对应商品的链接,也就是添加<a>属性, 代码如下:[Copy to clipboard] [ - ]CODE: <p>商品列表</p> <table width="70%" border="1"> <tr> {foreach from=$best_goods item=jingpinshangpin} <td><a href="{$jingpinshangpin.url}">{$jingpinshangpin.short_style_name}</a></td> {/foreach} </tr> </table> 刷新浏览器,点击链接看看链接到什么地方去了哦。呵呵! 链接到了每个产品自己的页面了呢。 说明:标签 {$jingpinshangpin.url} 就是精品商品的商品链接的标签了,但是要记得哦,$jingpinshangpin 是你起的名字哦,item=$jingpinshangpin的这个 $jingpinshangpin改变了的话,这里也要跟着改变。 接下来我们添加上商品的图片哦 ,也就是增加一个<img>属性 ,代码如下: [Copy to clipboard] [ - ]CODE: <p>商品列表</p> <table width="70%" border="1"> <tr> {foreach from=$best_goods item=jingpinshangpin} <td><a href="{$jingpinshangpin.url}"><img src="{$jingpinshangpin.thumb}" border="0" /><br>{$jingpinshangpin.short_style_name}</a></td> {/foreach} </tr> </table> 到前台刷新浏览器看看看,呵呵,商品缩略图也被调出来了。 说明:标签 {$jingpinshangpin.thumb} 就是精品商品的缩略图的标签了,但是要记得哦,$jingpinshangpin 是你起的名字哦,item=$jingpinshangpin的这个 $jingpinshangpin改变了的话,这里也要跟着改变。 如果你已经熟练理解和掌握了以上的步骤,那么下面就越来越清晰和容易了。 接下来我们调取新品上市(标签为: $new_goods )和热卖商品( 标签为:$hot_goods) ,接着在刚才的代码后面加上去就是了。我就不多讲了哦,代码如下 [Copy to clipboard] [ - ]CODE: <p>新品上市</p> <table width="70%" border="1"> <tr> {foreach from=$new_goods item=xinpinshangshi} <td><a href="{$xinpinshangshi.url}"><img src="{$xinpinshangshi.thumb}" border="0" /><br> {$xinpinshangshi.short_style_name}</a></td> {/foreach} </tr> </table> <p>热卖商品</p> <table width="70%" border="1"> <tr> {foreach from=$hot_goods item=remaishangpin} <td><a href="{$remaishangpin.url}"><img src="{$remaishangpin.thumb}" border="0" /><br> {$remaishangpin.short_style_name}</a></td> {/foreach} </tr> </table> 接着我们要一个Menu菜单,也就是做一个产品的分类列表出来。相信你现在至少知道分类的标签是什么,就知道要怎么做了吧,呵呵. 分类的标签是:$categories 代码如下: [Copy to clipboard] [ - ]CODE: <p>分类列表</p> {foreach from=$categories item=fenlei} <a href="{$fenlei.url}">{$fenlei.name}</a> {/foreach} 到前台刷新看看哦,呵呵,分类列表被调取出来了,我们试着在后台多添加几个一级分类,然后到首页刷新看看。 呵呵,我先去吃饭啦,吃完饭继续写如何把子分类调用出来,大家有问题多问哦, 吃饭回来了....(PS:这是怎么地啊,呵呵!) 子分类的标签是对应在父分类标签来调用的.代码如下: [Copy to clipboard] [ - ]CODE: <p>分类列表</p> {foreach from=$categories item=fenlei} <a href="{$fenlei.url}"> {$fenlei.name}</a> {foreach from=$fenlei.children item=child} <br>- - <A href="{$child.url}">{$child.name|escape:html}</A> {/foreach} {/foreach} 保存以后前台刷新看看呢。呵呵,怎么样?子分类也被调用出来了吧,当然可以根据自己的需要,加上不同的表格或者图片的修饰哦,子分类是放在了父分类标签的基础上来调用的呢。 不过如果你的分类已经固定了很少改动,我建议还是做成死的,这样可以做的更漂亮一些,比如每个分类直接是用图片来代替。呵呵,我一般就是这么处理的,我除了商品和新闻是动态调用出来的以外,其它的都是做成固定的死的,这样就能够设计的很漂亮,因为有时候受到代码的限制,做出来不是很好看。(...说的好模糊,您能理解吗?不能的话就告诉我 ). 本来教程已经写了好多了,但是很多地方写的有点让新手不是那么容易接受,所以就一直在想办法,如何讲解的更简单一些,能让每个人都学会做模板。思考中..... 由于个人原因,今天教程停播一天,明天继续,实在不好意思各位. ~Orz. 啊,今天的章节就算是结束啦,明天预告: 1.如何调用某个分类里面的商品 2.如何制作商品展示页面的模板 3.完善前面讲的章节,并对大家提出的问题做出解答 今天我们来学习如何掉用某一个分类里面的产品。 首先把 default文件夹中的category.dwt 的名字改为category_bak.dwt,然后新建一个category.dwt文件. 然后插入下面的代码: [Copy to clipboard] [ - ]CODE: {foreach from=$goods_list item=goods} <img src="{$goods.goods_thumb}" border="0"/><br> {$goods.goods_name} {/foreach} 注:$goods_list表示商品标签 接着我们访问这个页面Ecshop的访问网址/category.php?id=1)例如:http://localhost/ecshop/category.php?id=1 这样我们就访问到了分类id为1的商品了,我们也可以让id=2就访问到id = 2商品了,那如何看某个分类的id呢? 我们看后台: 商品管理-》商品分类-》就可以看到商品分类的列表,然后把鼠标指上去选择新窗口打开,就能在地址来里面看到goods.php?act=list&cat_id=1这样子的信息,cat_id所等于的值就是这个分类的id了,然后就可以拿来调取了,呵呵。 好每次每次都把商品的列表调取出来了,那么如何调取某一个商品的页面呢? 首先把 default文件夹中的goods.dwt 的名字改为goods_bak.dwt,然后新建一个goods.dwt文件. 然后插入下面的代码: [Copy to clipboard] [ - ]CODE: 商品图片: <img src="{$goods.goods_img}" /><br><br> 商品名称:{$goods.goods_style_name}<br><br> 商品货号:{$goods.goods_sn}<br><br> 商品品牌: {$goods.goods_brand}<br><br> 商品数量:{$goods.goods_number} 单位:{$goods.measure_unit}<br><br> 添加时间:{$goods.add_time}<br><br> 市场价格:{$goods.market_price}<br><br> 本店价格:{$goods.shop_price_formated}<br><br> 注册用户价格:{$rank_price.price}<br><br> 注册用户价格:{$rank_price.price}<br><br> 注册用户价格:{$rank_price.price}<br><br> 接着我们访问这个页面Ecshop的访问网址/goods.php?id=1)例如:http://localhost/ecshop/goods.php?id=1 这样我们就访问到了商品id为1的商品了,我们也可以让id=2就访问到id = 2商品了,那如何看某个商品的id呢? 我们看后台:商品管理-》商品列表-》就可以看到商品品的列表,最前面那一栏就是商品的id了,,然后就可以拿来调取了,呵呵。 还有人在问品牌的,某一个品牌的商品怎么调用,呵呵,下次有时间再讲 更新啦!! 今天我们学习一下如何在首页调取某个分类的商品: 注意了,这里的修改有一些麻烦了哦: 首先你需要下载一套新的模板,比如blueksy 上传到模板目录 /themes/也就是 /themes/bluesky, 然后进入网站后台->模板管理->模板选择,选择bluesky, 选择OK, 然后到网站后台 -> 模板管理 -> 设置模板 -> 分类下的商品 ( 点击分类下的商品前面的+号,然后选择“主区域中间“,序号默认, 商品分类随便选择一个就可以了", 然后填写显示的条数,填写好后点击确定提交,( 注意: 有的朋友可能会遇到提交不了,是因为权限问题,需要把bluesky的模板权限改,然后再重新提交一次)。 这里我增加了两个,的数据是:主区域空间 0 手机6 主区域空间0 手机 6 我们在这里增加了多少条记录,对应首页就可以调取多少个分类。 好接下来我们恢复模板为原来我们改过的default模板 在我们以前做的基础上增加如下代码(也就是在原来代码的下面加上): [Copy to clipboard] [ - ]CODE: <p>第一个分类的<p> <?php $this->assign('cat_goods',$this->_var['cat_goods_1']); ?><?php $this->assign('goods_cat',$this->_var['goods_cat_1']); ?><?php echo $this->fetch('library/cat_goods.lbi'); ?> <p>第二个分类的<p> <?php $this->assign('cat_goods',$this->_var['cat_goods_3']); ?><?php $this->assign('goods_cat',$this->_var['goods_cat_3']); ?><?php echo $this->fetch('library/cat_goods.lbi'); ?> 这里要注意了, 红色的 1 代表你要显示分类的分类的ID, 将它改为你需要的 刚才添加的ID就可以了 红色的 3 代表你要显示分类的分类的ID, 将它改为你需要的 刚才添加的ID就可以了 好了,保存,前台刷新看看啊,呵呵.是不是我们要的分类就出来了, 看样子改起来很简单哦,不过每次都是这样要操作两个模板才能改还是有些麻烦,呵呵,等到高手进阶的时候再来讲怎么做。 仔细一看还是有点不好的地方哦,就是样子不好看啊,对不对?是默认模板的样子,没有关系啦,我们打开 librasy目录中的cat_goods.lbi文件修改就可以了。修改要注意的地方上门讲过了,不过这里还是要再说明一些小问题 cat_goods.lbi的代码如下: [Copy to clipboard] [ - ]CODE: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div class="title-div"><img src="../images/green_arrow.gif" width="37" height="37" alt="" border="0" style="vertical-align:middle" /><a href="{$goods_cat.url}">{$goods_cat.name|escape:html}</a></div> <div class="content-div"> <!--{foreach from=$cat_goods item=goods}--> <table border="0" cellpadding="3" cellspacing="1" class="goods-table" style="float: left"> <tr> <td align="center"><a href="{$goods.url}"><img src="{$goods.thumb}" border="0" alt="{$goods.name|escape:html}" class="thumb" /></a></td> </tr> <tr> <td><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a><br /> <!-- {if $goods.promote_price neq ""} --> {$lang.promote_price}<span class="goods-price">{$goods.promote_price}</span> <!-- {else}--> {$lang.shop_price}<span class="goods-price">{$goods.shop_price}</span> <!--{/if}--> </td> </tr> </table> <!--{/foreach}--> <br style="clear:both"/> </div> 这里哦于一些奇怪的地方就是在标签两边多了 <!-- 和 --> 符号,这个是没有关系的.删除掉也没有关系的啦 好了,今天就讲到这里,继续咳嗽,呵呵!吃药去了 ..... |
回答:
辛苦了,帮你顶一阵 |
支持啊楼主辛苦了 |
楼主辛苦了,帮,,...D |
顶~~~~~~~~~~~~~~~~~~~~~~~~~~~!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! |
很好的帖子 辛苦了 |
顶顶顶顶顶,超级好贴,希望能更加完善,这个对新手来说非常有帮助 |
新手受教了 |
谢谢,您辛苦了!!! |
哈哈,真的很不错喔 |
好文章,学习中...支持楼主!!! |
很好的帖子!官方应该出的~ |
继续啊楼主。哈哈。支持 |
最近更新
常用插件
- ecshop会员中心订单excel倒出
ecshop会员中心订单excel倒出...
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
- ecshop注册推荐送现金插件
ecshop中的促销售功能还不是很完善,随着电子商务系统的发展和进步,...
- ecshop2.7.2退换货申请插件
ecshop2.7.2退换货申请插件,主要是在 ecshop 现在的基础上,对ecshop的订单处...
- ecshop二次开发商品购买备
ecshop销售统计 插件介绍:ecshop二次开发订单销售统计和商品购买备注服...
ecshop热门问答
ecshop热门资料
ecshop滑块
ecshopstarting
ecshop联结
ecshop弟弟
ecshop文本编辑
ecshop出租
注册红包
ecshop中心点
ecshop409
ecshop篮圈
ecshop短信提醒
ecshop参数
ecshop密码重置
ecshopStandards
ecshop发生错误
ecshop程序错误
ecshop照片上载
ecshop商标
ecshop库存使用方法
ecshop数据使用
ecshopstyle
B4C电子商务
ecshop中华
ecshop留言显示IP
ecshop总数
ecshop红美人
ecshop多用户商城
ecshop打卡机
ecshop商品详情页宽度
ecshop休闲养生馆