ECSHOP模板开发教程:（五）ecshop标签简易教程
更新时间：2014-06-30 点击量：1746
（五）ecshop标签简易教程
模板存放路径：
ecshop/themes/xxxxx 其中的 xxxxx 就是某一套模板，如系统一般会自带的模板文件名叫做 default, (即：ecshop/themes/default )里面放的就是安装好时的默认模板,以下所有的说明都是针对默认模板来讲解.
操作前提，将您当前使用的模板调整为default模板,然后清空缓存。
接下来我们进入default目录,可以看到以下文件目录：
images/ (存放模板中用到的图片)
library/ ( 存放一些小模板文件及重复被用到的模板文件 )
style.css (模板样式文件)
index.dwt (首页的模板 index.php)
goods.dwt ( 商品显示页的模板 goods.php)
*.dwt (表示其它.dwt文件)
1. 我们到/themes/default目录中，把index.dwt改名为index_bak.dwt, 然后用Dreamweaver新建一个HTML文件,然后保存到/themes/default目录中，命名为 index.dwt, 好，我们刷新前台看看，哈哈，什么也没有哦. 好，在我们新建的index.dwt中找到<title>,我们把<title>和</title>中间的内容替换为:{$page_title},在<body>和</body>之间也放入一个{$page_title}, 刷新前台看看.嘿嘿，看到什么了？网站标题被打印出来了吧？
2. 接下来我们选择可视化界面编辑：然后在{$page_title}后面按Enter键换行,然后输入: 商店公告：{$shop_notice}
到浏览器刷新首页刷新看看，呵呵。商店公告被调出来了，可以去网站后台 系统设置->商店设置->网店信息->商店公告 修改内容，然后到浏览器再刷新网站首页看看，呵呵，商店公告是被动态掉出来的哦.
3. 好继续在{$shop_notice}后面按Enter键换行，然后输入
网站快讯：
{foreach from=$new_articles item=article}
{$article.short_title}
{/foreach}
注：换行的地方按Enter键哦,
好刷新前台看看 ，呵呵，网站快讯被调出来了哦。好我们再到网站后台->文章管理->网站列表->添加文章，选择 网站快讯这个分类，随便添加一篇内容，完成后前台刷新看看。两篇文章都被动态掉出来了哦。
{foreach from=$new_articles item=article} : 循环的开始,
{/foreach} : 循环的结束
$new_articles: 为要循环的东西，这里为网站快讯
{$article.short_title} : 快讯标题的标签
模式为：
{foreach from=$post item=name}
content
{/foreach}
{foreach from=$post item=name}和{/foreach}标签中间可以任意添加要循环的内容content(可以为任意的东西)，循环的次数受到 $post的限制（这里要填什么我都会告诉大家的.)name为当前这个循环的对象。方便调用数据。
<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 这个对象的商品名称.
好了，我们保存，前台刷新看一下啊。呵呵，精品商品被循环出来了吧？
<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>
分类的标签是：$categories
<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}
商品图片: <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>
<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'); ?>
打开 librasy目录中的cat_goods.lbi文件修改就可以了
cat_goods.lbi的代码如下：
<meta >
<div class="title-div"><img src="../images/green_arrow.gif" width="37" height="37" alt="" border="0" 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> 1. 怎么让首页显示的每行3个商品能够按照普通屏或者宽屏，自动的缩放。 答：把表格宽度设置为百分比，或者在Css中设置为百分比就好了。 2. 又或者改成每行固定4个显示 ? 答：到网站后台 -> 模板管理 -> 设置模板 3 .首页图片大小是多少？图片点击放大后为什么失真这么厉害？怎么让图片自动调节大小？ 答：有两种方法哦，第一种就是到网站后台，重新设置缩略图的大小，然后再批量重新生成缩略图 第二中方法就是把图片显示的高和宽都去掉（即：把width=***,height=***删除掉)，它就显示原始的大小了. 我们要努力做到最好常见问题解答：
支付宝扫码打赏 
微信打赏 如果文章对您有帮助，就打赏一个吧
