<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

</table>

模板教程继续啦!不知道大家是学会用循环了呢,还是我的言语实在有问题,大家实在无法完成阅读哦,居然大家都没有问题,暂时心里安慰,把他当做好事情,大家都会调用了,呵呵,那我们继续循环调用商品了!好,继续在我们昨天的基础上,我们在网站快讯的循环后面,按 Enter键, 输入:商品列表,接着建立一个2行3列的表格,宽度为70%, 表格边框为1(为了让大家看清楚 ),起HTML代码如下

复制内容到剪贴板

代码:

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

  <tr>

    <td>4</td>

    <td>5</td>

    <td>6</td>

  </tr>

</table>

注: ( 1,2,3,4,5,6这些个是序号,方便跟大家讲解呢 )在这里,我们暂时先把下面这一行去掉(为了大家操作简单),变成

复制内容到剪贴板

代码:

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

</table>

我们要循环的是列,也就是<td>,因此我们的循环标签应该在<td> 和</td>的外面, 而2,和3应该是循环出来的东西,也就时我模板里面只用保留 1 这个td就可以了,2 和3都要去掉,于是就变成了下面的样子

复制内容到剪贴板

代码:

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

    <td>1</td>

  </tr>

</table>

好,现在我们开始加循环标签,我们要调用的是精品推荐商品, 代码如下:

复制内容到剪贴板

代码:

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

{foreach from=$best_goods item=goods}

    <td>{$goods.short_style_name}</td>

{/foreach}

  </tr>

</table>

注意了:foreach 表示下面的内容属于要进行循环,from=$best_goods 表示循环的内容来自$best_goods,($best_goods是精品商品推荐的标签 ) , item=goods 表示当前循环这一次的对象叫goods,你也可以改为其它的东东,当然{$goods.short_style_name}这个地方的goods也要相应的改了哦,{$goods.short_style_name} 表示goods 这个对象的商品名称.好了,我们保存,前台刷新看一下啊。呵呵,精品商品被循环出来了吧?接着,为了大家应用方便,我们把goods改为jingpinshangpin,代码如下:

复制内容到剪贴板

代码:

<p>商品列表</p>

<table width="70%" border="1">

  <tr>

{foreach from=$best_goods item=jingpinshangpin}

    <td>{$jingpinshangpin.short_style_name}</td>

{/foreach}

  </tr>

</table>

好前台刷新看看哦,呵呵,夷?如果你有很多的精品商品你会发现商品变了,因为精品商品是随机调取出来的.好我们继续完善他,给它加上链接对应商品的链接,也就是添加<a>属性, 代码如下:

复制内容到剪贴板

代码:

<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>属性 ,代码如下:

复制内容到剪贴板

代码:

<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) ,接着在刚才的代码后面加上去就是了。我就不多讲了哦,代码如下

复制内容到剪贴板

代码:

<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代码如下:

复制内容到剪贴板

代码:

<p>分类列表</p>

{foreach from=$categories item=fenlei}

   <a href="{$fenlei.url}">{$fenlei.name}</a>

{/foreach}

到前台刷新看看哦,呵呵,分类列表被调取出来了,我们试着在后台多添加几个一级分类,然后到首页刷新看看。呵呵,我先去吃饭啦,吃完饭继续写如何把子分类调用出来,大家有问题多问哦,吃饭回来了....(PS:这是怎么地啊,呵呵!)子分类的标签是对应在父分类标签来调用的.代码如下:

复制内容到剪贴板

代码:

<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}

保存以后前台刷新看看呢。呵呵,怎么样?子分类也被调用出来了吧,当然可以根据自己的需要,加上不同的表格或者图片的修饰哦,子分类是放在了父分类标签的基础上来调用的呢。不过如果你的分类已经固定了很少改动,我建议还 是做成死的,这样可以做的更漂亮一些,比如每个分类直接是用图片来代替。呵呵,我一般就是这么处理的,我除了商品和新闻是动态调用出来的以外,其它的都是 做成固定的死的,这样就能够设计的很漂亮,因为有时候受到代码的限制,做出来不是很好看。(...说的好模糊,您能理解吗?不能的话就告诉我 ).本来教程已经写了好多了,但是很多地方写的有点让新手不是那么容易接受,所以就一直在想办法,如何讲解的更简单一些,能让每个人都学会做模板。思考中.....

啊,今天的章节就算是结束啦,明天预告:1.如何调用某个分类里面的商品2.如何制作商品展示页面的模板3.完善前面讲的章节,并对大家提出的问题做出解答今天我们来学习如何掉用某一个分类里面的产品。首先把 default文件夹中的category.dwt 的名字改为category_bak.dwt,然后新建一个category.dwt文件. 然后插入下面的代码:

复制内容到剪贴板

代码:

{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文件. 然后插入下面的代码:

复制内容到剪贴板

代码:

商品图片: <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了,,然后就可以拿来调取了,呵呵。还有人在问品牌的,某一个品牌的商品怎么调用,呵呵,下次有时间再讲

ECshop 二次开发模板教程3的更多相关文章

  1. ECshop 二次开发模板教程2

    不知道大家是学会用循环了呢,还是我的言语实在有问题,大家实在无法完成阅读哦,居然大家都没有问题,暂时心里安慰,把他当做好事情,大家都会调用了,呵呵,那我们继续循环调用商品了!好,继续在我们昨天的基础上 ...

  2. ECshop 二次开发模板教程1

    本教程适用于了解 ECshop 和 ECshop模板DIY 以及它们的日常使用,在查看前阁下需要至少会使用一种编辑器(exp:Dreamweaver, editplus, emacs, vi, ee  ...

  3. ECshop 二次开发模板教程4

    今天我们学习一下如何在首页调取某个分类的商品:注意了,这里的修改有一些麻烦了哦:首先你需要下载一套新的模板,比如blueksy 上传到模板目录 /themes/ 也就是 /themes/bluesky ...

  4. EcShop二次开发系列教程–总纲

    EcShop作为老牌的B2C独立网店系统,功能非常全名,强大的文件.数据库缓存机制,保证前后台系统执行速度更快.系统平稳运行.但是过多的功能也或多或少的会影响到系统的整个效率,所有在使用EcShop搭 ...

  5. ECSHOP二次开发指南

    ECSHOP二次开发指南 发布时间:2013-05-28 12:47:00   来源:   评论:0 点击: 次 [字号:大 中 小] QQ空间新浪微博腾讯微博人人网豆瓣网百度空间百度搜藏开心网复制更 ...

  6. ecshop二次开发 给商品添加自定义字段

    说起自定义字段,我想很多的朋友像我一样会想起一些开源的CMS(比如Dedecms.Phpcms.帝国)等,他们是可以在后台直接添加自定义字段的. 抱着这种想法我在Ecshop的后台一顿找,不过肿么都木 ...

  7. ecshop二次开发之购物车常见问题

    1.ecshop二次开发中保存注册用户购物车数据解决方法:ecshop购物车是数据库中cart表来支持的,在ecshop表中rec_id是编号,user_id是注册用户的id,session_id表示 ...

  8. Ecshop二次开发必备基础

    EcShop二次开发学习方法 近年来,随着互联网的发展,电子商务也跟着一起成长,B2B,C2C,B2C的电子商务模式也不断的成熟.这时催生出了众多电子商务相关的PHP开源产品.B2C方面有Ecshop ...

  9. EcShop二次开发学习方法和Ecshop二次开发必备基础

    ecshop二次开发学习方法 近年来,随着互联网的发展,电子商务也跟着一起成长,B2B,C2C,B2C的电子商务模式也不断的成熟.这时催生出了众多电子商务相关的php开源产品.B2C方面有Ecshop ...

随机推荐

  1. VMware Workstation 10安装Centos6.4操作步骤说明

    1.在网上下载VMware Workstation 10, 百度软件中心助手安装程序高速下载,下载完成后默认是自动启动安装的,而原来的安装程序文件保存在:  C:\Users\用户名\Document ...

  2. HDU4758 Walk Through Squares AC自动机&&dp

    这道题当时做的时候觉得是数论题,包含两个01串什么的,但是算重复的时候又很蛋疼,赛后听说是字符串,然后就觉得很有可能.昨天队友问到这一题,在学了AC自动机之后就觉得简单了许多.那个时候不懂AC自动机, ...

  3. 黑马程序员--C#中属性和字段(变量)的区别

    ---------------------- ASP.Net+Android+IOS开发..Net培训.期待与您交流! ---------------------- 属性为类提供了一种很有用的封装数据 ...

  4. ASP.NET 免费开源控件

    AspNetPager分页控件(当前版本:7.5.1) AspNetPager分页控件是应用于ASP.NET WebForm网站或应用程序中的自定义分页控件,支持默认的回发(Postback)分页和U ...

  5. Filter(过滤器)常见应用

    孤傲苍狼 只为成功找方法,不为失败找借口! javaweb学习总结(四十六)——Filter(过滤器)常见应用 一.统一全站字符编码 通过配置参数charset指明使用何种字符编码,以处理Html F ...

  6. Quartz任务调度快速入门

    Quartz任务调度快速入门 概述 了解Quartz体系结构 Quartz对任务调度的领域问题进行了高度的抽象,提出了调度器.任务和触发器这3个核心的概念,并在org.quartz通过接口和类对重要的 ...

  7. 256. Paint House

    题目: There are a row of n houses, each house can be painted with one of the three colors: red, blue o ...

  8. C++:用成员初始化列表对数据成员初始化

    1.在声明类时,对数据成员的初始化工作一般在构造函数中用赋值语句进行. 例如: class Complex{ private: double real; double imag; public: Co ...

  9. Java集合框架学习笔记

    集合类的由来:对象用于封装特有数据,对象多了需要存储,如果对象的长度不确定,就使用集合存储. 集合特点1.用于存储对象的容器.2.集合的长度可变.3.集合中不可以存储基本类型 集合容器因为内部的数据结 ...

  10. Pig简单入门

    pig是hadoop客户端,使用类似于SQL的面向数据流的语言pig latin,这个语言可以完成排序,过滤,求和,关联等操作,可以支持自定义函数.Pig自动把pig latin 映射为Map-Red ...