トップページのおすすめ商品の列を2列から3列にする場合
/data/Smarty/templates/default/frontparts/bloc/recommend.tplの
<!--{if $smarty.foreach.recommend_products.iteration % 2 === 0}-->を
<!--{if $smarty.foreach.recommend_products.iteration % 3 === 0}-->に変更して
cssで大きさを変更するという記事を見つけたのですが、
http://store.ec-cube.net/products/detail.php?product_id=182
こちらの無料テンプレートのrecommend.tplには
<!--{if $smarty.foreach.recommend_products.iteration % 2 === 0}-->
の部分が見当たらず、どの様に変更すれば良いのか分かりません。
どなたか4列への変更方法をお教え下さい。
コードは下記のようになっていました。

<!--{if count($arrBestProducts) > 0}-->
<div class="bloc_outer clearfix">
<div id="recomend_area">
<h2><span class="square">■</span>おすすめ商品情報</h2>
<!--{section name=cnt loop=$arrBestProducts step=2}-->
<div class="bloc_body clearfix">
<div class="recomendleft clearfix">
<div class="productImage">
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->">
<img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[cnt].main_list_image|sfNoImageMainList|h}-->&width=80&height=80" alt="<!--{$arrBestProducts[cnt].name|h}-->" /></a>
</div>
<div class="productContents">
<h3>
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->"><!--{$arrBestProducts[cnt].name|h}--></a>
</h3>
<!--{assign var=price01 value=`$arrBestProducts[cnt].price01_min`}-->
<!--{assign var=price02 value=`$arrBestProducts[cnt].price02_min`}-->
<p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)：
<span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span>
</p>
<p class="mini comment"><!--{$arrBestProducts[cnt].comment|h|nl2br}--></p>
</div>
</div>

<div class="recomendright clearfix">
<div class="productImage">
<!--{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1`}-->
<!--{if $arrBestProducts[$cnt2]|count > 0}-->

<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->">
<img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[$cnt2].main_list_image|sfNoImageMainList|h}-->&width=80&height=80" alt="<!--{$arrBestProducts[$cnt2].name|h}-->" /></a>
</div>
<div class="productContents">
<h3>
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->"><!--{$arrBestProducts[$cnt2].name|h}--></a>
</h3>

<!--{assign var=price01 value=`$arrBestProducts[$cnt2].price01_min`}-->
<!--{assign var=price02 value=`$arrBestProducts[$cnt2].price02_min`}-->

<p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)：
<span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span>
</p>
<p class="mini comment"><!--{$arrBestProducts[$cnt2].comment|h|nl2br}--></p>
<!--{/if}-->
</div>
</div>

</div>
<!--{/section}-->
</div>
</div>
<!--{/if}-->

こちらが参考になると思います。
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=8223&forum=10&post_id=39858#forumpost39858

これとスタイルシートの調整が必要です。

----------------
他社システムからEC-CUBEへの移行などお気軽にご相談ください。
福岡のホームページ制作会社 ECカンパニー
担当：田中利宏