いつもお世話になってます。

商品一覧ページのタイトル
<div id="listtitle"><h2><!--★タイトル★--><!--{$arrSearch.category|escape}--></h2></div>
の部分を画像表示にしようと思うのですがうまくいきません。

上記部分を
<div id="listtitle"><h2><!--★タイトル★--><img src="<!--{$TPL_DIR}-->img/products/tit-list-<!--{$arrProducts.category_id}-->.jpg" /></h2></div>
としたのですが表示されずソースを確認したところ<!--{$arrProducts.category_id}-->の部分が呼び出せていないようでした。

どなたか教えて頂きたく、宜しくお願いします。