BEST5ブロックテンプレート内のパスに問題があるように感じます。
赤字の部分を修正してみて下さい。
<div id="top_right">
<h2 class="side_title"> 人気商品ランキング</h2>
<!--{if count($arrBestProducts) > 0}-->
<div class="ranking_inner">
<ul>
<!--{foreach from=$arrBestProducts key=myId item=i}-->
<li>
<a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$i.product_id}-->">
<img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$i.main_list_image}-->" height="80px" alt="<!--{$i.name}-->">
<!--{assign var=rank value=$myId+1}-->
<h4><!--{$rank}-->位:<!--{$i.name}--></h4>
</a>
</li>
<!--{/foreach}-->
</ul>
</div>
<!--{/if}-->
</div>
次へボタンなどのジャンプ先については各クラスファイルを変更してあげればいいかと思います。
どうか教えて下さい！
2.4でスマホ用のCSSを設定
