ECshop 二次开发模板教程4

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

也就是 /themes/bluesky,然后进入网站后台->模板管理->模板选择，选择bluesky, 选择OK,然后到网站后台 -> 模板管理 -> 设置模板 -> 分类下的商品 ( 点击分类下的商品前面的 号，然后选择“主区域中间“，序号默认, 商品分类随便选择一个就可以了", 然后填写显示的条数,填写好后点击确定提交，( 注意: 有的朋友可能会遇到提交不了，是因为权限问题，需要把bluesky的模板权限改,然后再重新提交一次)。这里我增加了两个,的数据是：主区域空间 0 手机  6

主区域空间  0 手机 6我们在这里增加了多少条记录，对应首页就可以调取多少个分类。好接下来我们恢复模板为原来我们改过的default模板在我们以前做的基础上增加如下代码(也就是在原来代码的下面加上):

复制内容到剪贴板

代码:

<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'); ?>

这里要注意了, 红色的 1 代表你要显示分类的分类的ID, 将它改为你需要的 刚才添加的ID就可以了红色的 3 代表你要显示分类的分类的ID, 将它改为你需要的 刚才添加的ID就可以了好了，保存,前台刷新看看啊,呵呵.是不是我们要的分类就出来了,看样子改起来很简单哦，不过每次都是这样要操作两个模板才能改还是有些麻烦,呵呵，等到高手进阶的时候再来讲怎么做。仔细一看还是有点不好的地方哦，就是样子不好看啊，对不对？是默认模板的样子，没有关系啦，我们打开 librasy目录中的cat_goods.lbi文件修改就可以了。修改要注意的地方上门讲过了，不过这里还是要再说明一些小问题cat_goods.lbi的代码如下：

复制内容到剪贴板

代码:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<div class="title-div"><img src="../images/green_arrow.gif" width="37" height="37" alt="" border="0" style="vertical-align:middle" />

<a href="{$goods_cat.url}">{$goods_cat.name|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个显示 ?答：到网站后台 -> 模板管理 -> 设置模板 <BR< p>>3 .首页图片大小是多少？图片点击放大后为什么失真这么厉害？怎么让图片自动调节大小？答：有两种方法哦，第一种就是到网站后台，重新设置缩略图的大小，然后再批量重新生成缩略图第二中方法就是把图片显示的高和宽都去掉（即：把width=***,height=***删除掉)，它就显示原始的大小了.