ecshop 基础学习模板篇

更新时间:2012-06-07 点击量:2386

模板存放路径:
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><img src=”../images/green_arrow.gif” width=”37″ height=”37″ alt=”" border=”0″ escape:html}</a></div>
<div>
<!–{foreach from=$cat_goods item=goods}–>
<table border=”0″ cellpadding=”3″ cellspacing=”1″ 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>{$goods.promote_price}</span>
<!– {else}–>
{$lang.shop_price}<span>{$goods.shop_price}</span>
<!–{/if}–>
</td>
</tr>
</table>
<!–{/foreach}–>
<br style=”clear:both”/>
</div>

 

 


支付宝扫码打赏 微信打赏

如果文章对您有帮助,就打赏一个吧

在线客服

客户服务

热线电话:

0755-36656507 15889489919 服务时间:

周一到周六:9:00-18:00

在线QQ客服

在线微信客服

关于我们 常见问题

支付方式 加盟合作

提交需求
优惠红包 购物车0 反馈留言 返回顶部