スマホページのカテゴリー部分のhtml構造の変更をしたいと思っております。

php初心者につきお手数ですが、お力添えをいただけると幸いです。

以下の記事を参考にしたのですが、うまくできませんでした。
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=14524&forum=10&post_id=65275
私もループ構造がわからずうまく修正ができませんでした。


htmlの構造を以下のようにしたいと思っております。

<dl class="aaa">
<dt class="bbb">親カテ001</dt>
<dd class="ccc">
<ul>
<li><a href="#">親001-子カテ001</a></li>
<li><a href="#">親001-子カテ002</a></li>
<li><a href="#">親001-子カテ003</a></li>
<li><a href="#">親001-子カテ004</a></li>
<li><a href="#">親001-子カテ005</a></li>
<li><a href="#">親001-子カテ006</a></li>
</ul>
</dd>

<dt>親カテ002</dt>
<dd>
<ul>
<li><a href="#">親002-子カテ001</a></li>
<li><a href="#">親002-子カテ002</a></li>
<li><a href="#">親002-子カテ003</a></li>
<li><a href="#">親002-子カテ004</a></li>
<li><a href="#">親002-子カテ005</a></li>
<li><a href="#">親002-子カテ006</a></li>
</ul>
</dd>

<dt>親カテ003</dt>
<dd>
<ul>
<li><a href="#">親003-子カテ001</a></li>
<li><a href="#">親003-子カテ002</a></li>
<li><a href="#">親003-子カテ003</a></li>
<li><a href="#">親003-子カテ004</a></li>
<li><a href="#">親003-子カテ005</a></li>
<li><a href="#">親003-子カテ006</a></li>
</ul>
</dd>

</dl>

※親カテ001だけ<dt>と<dd>にclassをつけたいです。
----------
<dt class="bbb">親カテ001</dt>
<dd class="ccc">
----------


/html/data/Smarty/templates/sphone/frontparts/bloc/category_tree_fork.tpl
を修正すればいいと思うのですが、どのように修正すればいいのかわかりませんので、お助けください。

また、以下にバージョンを記載致します。
お忙しい中お手数ですが、何卒よろしくお願い致します。

--------------------------
[ECCUBE] 2.13.3
[DB] MySQL　5.5
[PHP] PHP5.5
--------------------------

<!--{if $smarty.section.cnt.first}-->

という構文を使えば、smartyのループ内で一番初めの要素として検知できます！
こちらを利用すれば実現できるのではないでしょうか。