seasoft様、ご回答ありがとうございます。

ご指示通りに変更すると詳細ページだけでなく一覧ページの画像も呼び出すことに成功しました。
本当にありがとうございました。

しかし何故か拡大画像だけはブラウザは開くものの、表示されるのは商品名だけで画像のほうは表示されませんでした。
変更箇所が足りない若しくは間違いがあるのでしょうか。。。

よろしければ、ご指摘頂けたら幸いです。

※変更箇所は赤色で書いています※

<!--{assign var=key value="main_image"}-->
<!--{if $arrProduct.main_large_image != ""}-->
<!--★画像★-->
<a href="java script:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->ℑ=main_large_image<!--{if $smarty.get.admin == 'on'}-->&admin=on<!--{/if}-->','detail_image','<!--{$arrFile.main_large_image.width+60}-->', '<!--{$arrFile.main_large_image.height+80}-->'))">
<img src="<!--{$arrProduct.main_image|escape}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" /></a>
<p>
<!--★拡大する★-->
<a href="java script:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->ℑ=main_large_image<!--{if $smarty.get.admin == 'on'}-->&admin=on<!--{/if}-->','detail_image','<!--{$arrFile.main_large_image.width+60}-->', '<!--{$arrFile.main_large_image.height+80}-->'))" onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion_on.gif','expansion01');" onMouseOut="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion.gif','expansion01');">
<img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" /></a>
</p>
<!--{else}-->
<img src="<!--{$arrProduct.main_large_image|escape}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" />
<!--{/if}-->

おわかりになる方がいらっしゃったら是非コメント宜しくお願い致します。
乱文失礼しました。