[EC-CUBE]おすすめ商品の列を増やす

[EC-CUBE]オススメ商品の列を増やす

EC-CUBEでトップページなどにおすすめ商品を表示させる場合、デフォルトでは２列表示になっている。

これを３列ずつ表示させるには、

ブロック編集画面でオススメ商品を編集する。

 <!–{section name=cnt loop=$arrBestProducts step=2}–>

を

 <!–{section name=cnt loop=$arrBestProducts step=3}–>

にする。（step=2をstep=3に変更）

２つめの商品ブロック　<div class="recomendright">～</div>の recomendright を recomendleft に変更し、

１行目の

 <!–{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1` }–>

を

 <!–{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-2` }–>

に変更。

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

を

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

に変更。（[cnt]を[$cnt2]に）

この２つ目の商品ブロックをコピーして追加（１つ目の商品ブロックでもどっちでもいいけど）
<div class="recomendleft">～</div>の recomendleft を recomendright に変更し、

 <!–{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-2` }–>

を

 <!–{assign var=cnt3 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1` }–>

に変更。（var=cnt2 を var=cnt3 に、step-2 を step-1 に）

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

を

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

に変更。（[$cnt2] を [$cnt3] に）

これでおすすめ商品が３列に！