ECSHOP模板开发教程:(五)ecshop标签简易教程

更新时间:2014-06-30 点击量:797

 

(五)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=***删除掉),它就显示原始的大小了

我们要努力做到最好

支付宝扫码打赏 微信打赏

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

在线客服

客户服务

热线电话:

0755-36656507 15889489919 服务时间:

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

在线QQ客服

在线微信客服

关于我们 常见问题

支付方式 加盟合作

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