Home > EC-CUBE > EC-CUBE おすすめ商品の列を増やす

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

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

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

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

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

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

にする。(step=2をstep=3に変更)

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

1行目の

<!–{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]に)

この2つ目の商品ブロックをコピーして追加(1つ目の商品ブロックでもどっちでもいいけど)
<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] に)

これでおすすめ商品が3列に :-P

Comments:0

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://www.wiz.gr.jp/wordpress/31/trackback
Listed below are links to weblogs that reference
EC-CUBE おすすめ商品の列を増やす from WIZ-WORDPRESS│EC-CUBE-LABO
pingback from 新宿ITベンチャーブログ - EC-CUBE おすすめ商品の列を増やす 09-06-11 (木) 4:15

[...] http://www.wiz.gr.jp/wordpress/31 [...]

Home > EC-CUBE > EC-CUBE おすすめ商品の列を増やす

Return to page top