ECSHOP:如何实现首页显示子分类并用标签页显示
添加时间:2013-6-20 点击量:
例子:首页实现显示子分类,并实现Tab页
开端:
1. 打开调试开关
文件地址:include/cls_template.php 找到 :
function _eval(¥content)
函数体第一行增长: echo(¥content);
改写调试完毕后在注释掉。
2. 批改goods获取函数,以便显示子分类。
文件:include/cls_goods.php 找到函数:function assign_cat_goods,
在 ¥cat[id] = ¥cat_id; 后增长一行:
¥cat[cat_id] = get_child_tree(¥cat_id);
// 调用子分类信息。
3.批改模板 cat_goods.lbi ,显示子分类并调用子商品
<div class=row style=margin-top:15px; id=CatGoods>
<div class=span12>
<div class=tabbable style=position:relative;>
<!-- {if ¥goods_cat.cat_id} --> //有子分类
<ul class=nav nav-tabs >
<!-- {foreach =¥goods_cat.cat_id item=rec_cat name=f}--> //显示子分类
<li <!-- {if ¥smarty.foreach.f.index eq 0} -->class=active <!--{/if}-->><a href=#tab{¥rec_cat.id} data-toggle=tab>{¥rec_cat.name|escape:html}</a></li>
<!-- {/foreach}-->
</ul>
<!-- <div align=right class=more><a href={¥goods_cat.url}>更多>></a></div>-->
<div class=tab-content>
<!-- {foreach =¥goods_cat.cat_id item=rec_cat1 name=f1}-->
//这里轮回获取当前商品分类ID,传入获取商品信息凑集
<?php
¥cid = ¥this->_var[rec_cat1][id];
¥this ->assign(goods_cat_.¥cid, assign_cat_goods(¥cid, 4));
¥this->assign(cat_goods_nf,¥this->_var[cat_goods_.¥cid]);
?>
<div class=tab-pane <!-- {if ¥smarty.foreach.f1.index eq 0} -->active<!--{/if}--> id=tab{¥rec_cat1.id}>
<div class=row>
<!--{foreach =¥cat_goods_nf item=goods}--> //显示商品
<div class=span3>
<div class=thumbnail> <a href={¥goods.url}><img src={¥goods.thumb} alt={¥goods.name|escape:html}></a>
<div class=thumspan>{¥goods.short_name|escape:html}<br />
市场价:<span style=color:#C30> <b>{¥goods.market_price}</b></span></div>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
<!-- {/foreach}-->
</div>
<!-- {else} --> //单个分类,无下级分类
<ul class=nav nav-tabs >
<li class=active><a href=#tab{¥goods_cat.id} data-toggle=tab>{¥goods_cat.name|escape:html}</a></li>
</ul>
<div align=right class=more><a href={¥goods_cat.url}>更多>></a></div>
<div class=tab-content>
<div class=tab-pane active id=tab{¥goods_cat.id}>
<div class=row>
<!--{foreach =¥cat_goods item=goods}-->
<div class=span3>
<div class=thumbnail> <a href={¥goods.url}><img src={¥goods.thumb} alt={¥goods.name|escape:html}></a>
<div class=thumspan>{¥goods.short_name|escape:html}<br />
市场价:<span style=color:#C30> <b>{¥goods.market_price}</b></span></div>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
</div>
<!-- {/if} -->
</div>
</div>
</div>
<script type=text/javascript>divheight(CatGoods);</script>
结果如下:
我们永远不要期待别人的拯救,只有自己才能升华自己。自己已准备好了多少容量,方能吸引对等的人与我们相遇,否则再美好的人出现、再动人的事情降临身边,我们也没有能量去理解与珍惜,终将擦肩而过。—— 姚谦《品味》
例子:首页实现显示子分类,并实现Tab页
我们永远不要期待别人的拯救,只有自己才能升华自己。自己已准备好了多少容量,方能吸引对等的人与我们相遇,否则再美好的人出现、再动人的事情降临身边,我们也没有能量去理解与珍惜,终将擦肩而过。—— 姚谦《品味》
开端:
1. 打开调试开关
文件地址:include/cls_template.php 找到 :
function _eval(¥content)
函数体第一行增长: echo(¥content);
改写调试完毕后在注释掉。
2. 批改goods获取函数,以便显示子分类。
文件:include/cls_goods.php 找到函数:function assign_cat_goods,
在 ¥cat[id] = ¥cat_id; 后增长一行:
¥cat[cat_id] = get_child_tree(¥cat_id);
// 调用子分类信息。
3.批改模板 cat_goods.lbi ,显示子分类并调用子商品
<div class=row style=margin-top:15px; id=CatGoods>
<div class=span12>
<div class=tabbable style=position:relative;>
<!-- {if ¥goods_cat.cat_id} --> //有子分类
<ul class=nav nav-tabs >
<!-- {foreach =¥goods_cat.cat_id item=rec_cat name=f}--> //显示子分类
<li <!-- {if ¥smarty.foreach.f.index eq 0} -->class=active <!--{/if}-->><a href=#tab{¥rec_cat.id} data-toggle=tab>{¥rec_cat.name|escape:html}</a></li>
<!-- {/foreach}-->
</ul>
<!-- <div align=right class=more><a href={¥goods_cat.url}>更多>></a></div>-->
<div class=tab-content>
<!-- {foreach =¥goods_cat.cat_id item=rec_cat1 name=f1}-->
<div class=span12>
<div class=tabbable style=position:relative;>
<!-- {if ¥goods_cat.cat_id} --> //有子分类
<ul class=nav nav-tabs >
<!-- {foreach =¥goods_cat.cat_id item=rec_cat name=f}--> //显示子分类
<li <!-- {if ¥smarty.foreach.f.index eq 0} -->class=active <!--{/if}-->><a href=#tab{¥rec_cat.id} data-toggle=tab>{¥rec_cat.name|escape:html}</a></li>
<!-- {/foreach}-->
</ul>
<!-- <div align=right class=more><a href={¥goods_cat.url}>更多>></a></div>-->
<div class=tab-content>
<!-- {foreach =¥goods_cat.cat_id item=rec_cat1 name=f1}-->
//这里轮回获取当前商品分类ID,传入获取商品信息凑集
<?php
¥cid = ¥this->_var[rec_cat1][id];
¥this ->assign(goods_cat_.¥cid, assign_cat_goods(¥cid, 4));
¥this->assign(cat_goods_nf,¥this->_var[cat_goods_.¥cid]);
?>
<div class=tab-pane <!-- {if ¥smarty.foreach.f1.index eq 0} -->active<!--{/if}--> id=tab{¥rec_cat1.id}>
<div class=row>
<!--{foreach =¥cat_goods_nf item=goods}--> //显示商品
<div class=span3>
<div class=thumbnail> <a href={¥goods.url}><img src={¥goods.thumb} alt={¥goods.name|escape:html}></a>
<div class=thumspan>{¥goods.short_name|escape:html}<br />
市场价:<span style=color:#C30> <b>{¥goods.market_price}</b></span></div>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
<!-- {/foreach}-->
</div>
<!-- {else} --> //单个分类,无下级分类
<ul class=nav nav-tabs >
<li class=active><a href=#tab{¥goods_cat.id} data-toggle=tab>{¥goods_cat.name|escape:html}</a></li>
</ul>
<div align=right class=more><a href={¥goods_cat.url}>更多>></a></div>
<div class=tab-content>
<div class=tab-pane active id=tab{¥goods_cat.id}>
<div class=row>
<!--{foreach =¥cat_goods item=goods}-->
<div class=span3>
<div class=thumbnail> <a href={¥goods.url}><img src={¥goods.thumb} alt={¥goods.name|escape:html}></a>
<div class=thumspan>{¥goods.short_name|escape:html}<br />
市场价:<span style=color:#C30> <b>{¥goods.market_price}</b></span></div>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
</div>
<!-- {/if} -->
</div>
</div>
</div>
<script type=text/javascript>divheight(CatGoods);</script>
<?php
¥cid = ¥this->_var[rec_cat1][id];
¥this ->assign(goods_cat_.¥cid, assign_cat_goods(¥cid, 4));
¥this->assign(cat_goods_nf,¥this->_var[cat_goods_.¥cid]);
?>
<div class=tab-pane <!-- {if ¥smarty.foreach.f1.index eq 0} -->active<!--{/if}--> id=tab{¥rec_cat1.id}>
<div class=row>
<!--{foreach =¥cat_goods_nf item=goods}--> //显示商品
<div class=span3>
<div class=thumbnail> <a href={¥goods.url}><img src={¥goods.thumb} alt={¥goods.name|escape:html}></a>
<div class=thumspan>{¥goods.short_name|escape:html}<br />
市场价:<span style=color:#C30> <b>{¥goods.market_price}</b></span></div>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
<!-- {/foreach}-->
</div>
<!-- {else} --> //单个分类,无下级分类
<ul class=nav nav-tabs >
<li class=active><a href=#tab{¥goods_cat.id} data-toggle=tab>{¥goods_cat.name|escape:html}</a></li>
</ul>
<div align=right class=more><a href={¥goods_cat.url}>更多>></a></div>
<div class=tab-content>
<div class=tab-pane active id=tab{¥goods_cat.id}>
<div class=row>
<!--{foreach =¥cat_goods item=goods}-->
<div class=span3>
<div class=thumbnail> <a href={¥goods.url}><img src={¥goods.thumb} alt={¥goods.name|escape:html}></a>
<div class=thumspan>{¥goods.short_name|escape:html}<br />
市场价:<span style=color:#C30> <b>{¥goods.market_price}</b></span></div>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
</div>
<!-- {/if} -->
</div>
</div>
</div>
<script type=text/javascript>divheight(CatGoods);</script>
结果如下: