we-shop.net 論壇 ECSHOP 後台管理設定教學 we-shop.net 首頁

美化分類樹

預設的模版分類樹都是同一個顏色與背景,不但有點ECSHOP 入門電子書繁體中文版免費下載單調,且不容易區隔主分類與子分類,如果加上不同顏色或背景,不但變得美觀,也比較容易辨識,以 default為例!
首先打開 default 模版目錄的 library/category_tree.lbi,這是分類樹的模版檔:

<div id="category_tree">
<!--主分類循環開始-->
<!--{foreach from=$categories item=cat}-->
<dl>
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
<!--子分類循環開始-->
<!--{foreach from=$cat.cat_id item=child}-->
<dd><a href="{$child.url}">{$child.name|escape:html}</a></dd>
<!--次子分類循環開始-->
<!--{foreach from=$child.cat_id item=childer}-->
<dd>&nbsp;&nbsp;<a href="{$childer.url}">{$childer.name|escape:html}</a></dd>
<!--次子分類)循環結束-->
<!--{/foreach}-->
<!--子分類循環結束-->
<!--{/foreach}-->
</dl>
<!--主分類循環結束-->
<!--{/foreach}-->
</div>