ECshop新手入门模板制作教程[转载]
授人以鱼 不如授人以渔, EC就算做再多的
好接下来我们用dreamweaver打开index.dwt文件,在源代码中搜索 {$page_title} ，找到后，将{$page_title} 修改为 超级无敌的大卖场. 然后到到浏览器前台刷新，看看页面有什么变化。虾米？没有发现吗？看看浏览器头部啊，呵呵，是不是网站的标题被改变了？哈哈，对，{$page_title}就是网站标题的标签 ( 注： 标签是从{开始到}结束哦，{和}属于标签的一部分 ). 整个ECshop的模板就是一个一个这样的标签组成了，控制网站内容和
点击确定就可以了，:)
2.? ?接下来我们??<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这些个是序号，方便跟大家讲解呢 )
在这里，我们暂时先把下面这一行去掉(为了大家操作简单)，变成
我们要循环的是列，也就是<td>,因此我们的循环标签应该在<td> 和</td>的外面, 而2,和3应该是循环出来的东西，也就时我模板里面只用保留 1 这个td就可以了，2 和3都要去掉，
于是就变成了下面的样子
好，现在我们开始加循环标签，我们要调用的是精品??<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,代码如下：
好前台刷新看看哦，呵呵，夷？如果你有很多的精品商品你会发现商品变了，因为精品商品是随机调取出来的.
好我们继续完善他，给它加上??<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>属性 ,代码如下：
到前台刷新浏览器看看看，呵呵，商品缩略图也被调出来了。
说明：标签 {$jingpinshangpin.thumb} 就是精品商品的缩略图的标签了，但是要记得哦，$jingpinshangpin 是你起的名字哦，item=$jingpinshangpin的这个 $jingpinshangpin改变了的话,这里也要跟着改变。
如果你已经熟练理解和掌握了以上的步骤，那么下面就越来越清晰和容易了。
接下来我们调取新品上市(标签为: $new_goods ）和热卖商品( 标签为：$hot_goods) ，接着在刚才的代码后面加上去就是了。我就不多讲了哦，代码如下
接着我们要一个Menu菜单，也就是做一个产品的分类列表出来。相信你现在至少知道分类的标签是什么，就知道要怎么做了吧，呵呵.
分类的标签是：$categories
代码如下：
注：$goods_list表示商品标签
接着我们访问这个页面:(Ecshop的访问网址/category.php?id=1)例如：http://localhost/ecshop/category.php?id=1
这样我们就访问到了分类id为1的商品了，我们也可以让id=2就访问到id = 2商品了，那如何看某个分类的id呢？
我们看后台： 商品管理-》商品分类-》就可以看到商品分类的列表，然后把鼠标指上去选择新窗口打开，就能在商品名称：{$goods.goods_style_name}<br><br>
商品货号：{$goods.goods_sn}<br><br>
商品<div width="37" height="37" alt="ECshop新手入门模板打造教程[转载]" border="0" style="vertical-align:middle" /><a href="{$goods_cat.url}">{$goods_cat.name|escape:html}</a></div>
<div cellpadding="3" cellspacing="1" style="float: left">
? ? <tr>
? ?? ?<td align="center"><a href="{$goods.url}"><img src="{$goods.thumb}" border="0" alt="ECshop新手入门模板打造教程[转载]" /></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>复制代码
这里哦于一些奇怪的地方就是在标签两边多了 <!-- 和 --> 符号，这个是没有关系的.删除掉也没有关系的啦
好了，今天就讲到这里，继续咳嗽，呵呵！吃药去了 .....
常见问题解答：
1.??怎么让首页显示的每行3个商品能够按照普通屏或者宽屏，自动的缩放。
答：把表格宽度设置为百分比，或者在Css中设置为百分比就好了。
2. 又或者改成每行固定4个显示 ?
答：到网站后台 -> 模板管理 -> 设置模板
3 .首页图片大小是多少？图片点击放大后为什么失真这么厉害？怎么让图片自动调节大小？
答：有两种方法哦，第一种就是到网站后台，重新设置缩略图的大小，然后再批量重新生成缩略图
第二中方法就是把图片显示的高和宽都去掉（即：把width=***,height=***删除掉)，它就显示原始的大小了.
