EC-CUBE：商品詳細ページの関連商品を4列並びに変更する

↓

（1）関連商品表示数を6から8に変更する。
システム設定＞パラメーター設定
RECOMMEND_PRODUCT_MAX　→　8

（2）■data/Smarty/templates/default/products/detail.tpl
「関連商品」の箇所を以下に書き換え

<!--▼関連商品-->

<!--{if $arrRecommend}-->

<div id="whobought_area">

<h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_product_recommend.jpg" alt="その他のオススメ商品" /></h2>

<!--{section name=cnt loop=$arrRecommend step=1}-->

<!--{if $arrRecommend[cnt].main_list_image != ""}-->

<!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->

<!--{else}-->

<!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->

<!--{/if}-->

<div class="areabloc">

<div class="photo">

<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->.html">

<img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_image|sfNoImageMainList|h}-->&amp;width=130&amp;height=130" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a>

<h3>

<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->.html"><!--{$arrRecommend[cnt].name|h}--></a>

</h3>

</div>

<!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->

<!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->

<div class="productContents">

<p class="sale_price">

<span class="price">

<!--{if $price02_min == $price02_max}-->

<!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->

<!--{else}-->

<!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->

<!--{/if}-->円</span><span class="mini">（税込）</span>

</p>

<p><!--{$arrRecommend[cnt].comment|h|nl2br}--></p>

</div>

</div>

<!--{if $smarty.section.cnt.iteration % 4 == 0}-->

<div class="clear"></div>

<!--{/if}-->

<!--{/section}-->

</div><!--/id="whobought_area"-->

<!--{/if}-->

<!--▲関連商品-->

（3）■html/user_data/packages/default/css/contents.css
「関連商品」の箇所を以下に書き換え。
ただし、記述は『「おすすめ商品情報」の表示パターン』が前提になっている。これが適用されていない場合は、bloc.cssの「関連商品」に関わるコード（whobought_area）をすべて削除してから行う。（bloc.cssからcontents.cssに移行する）

 /* 関連商品
 ----------------------------------------------- */
 div#whobought_area {
 clear: both;
 padding: 0;
 }
 div#whobought_area h2 {
 border-top: solid 1px #f90;
 background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
 padding: 5px 0 8px 10px;
 font-size: 14px;
 margin-bottom:10px;
 }

#whobought_area .areabloc {
 padding: 0 0 15px 0;
 margin-bottom:15px;
 background:url(../img/background/line_01.png) repeat-x bottom;
 width:24%;
 float:left;
 margin-right:5px
 }
 #whobought_area .areabloc .photo {
 border:#999 1px solid;
 background-color:#FFF;
 padding:3px;
 width:130px;
 margin-bottom:5px;
 }
 #whobought_area .areabloc .photo h3 {
 text-align:center;
 margin-top:4px;
 }
 #whobought_area .areabloc .price {
 font-size:120%;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#F00;
 }
 #three_maincolumn #whobought_area .areabloc .sale_price {
 text-align:right;
 }