eccubeのトップページにある「おすすめ商品」を3列にするメモ | 三十路ママ日記

三十路ママ日記

2011年4月17日 元気なムスコくんが誕生!

eccubeのトップページにある「おすすめ商品」を3列にするメモ


ちなみに・・・

デフォルトでは最大登録数は8件だが、

管理画面の「システム設定」>「パラメータ設定」

RECOMMEND_NUMの数値を変更すると最大登録数が変更できる。



①ブロック編集画面の「おすすめ商品」テンプレート

変更前 : <!–{section name=cnt loop=$arrBestProducts step=2}–>
変更後 : <!–{section name=cnt loop=$arrBestProducts step=3}–>



②商品ブロックのスタイルを変更

2つめの商品ブロック 

変更前 : <div class="recomendright">~</div>

変更後 : <div class="recomendleft">~</div>



2つ目の商品ブロック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` }–>



2つ目の商品ブロック16行目くらい?

変更前 :
<!–{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`}–>



③商品ブロックを追加

2つめの商品ブロックを3つ目の商品ブロックとして丸々コピペしつつ

変更前 : <div class="recomenleft">~</div>

変更後 : <div class="recomendright">~</div>



3つ目の商品ブロック1行目

変更前 : <!–{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` }–>



3つ目の商品ブロック16行目くらい?

変更前 :
<!–{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`}–>



④関連するスタイルシートを希望のデザイン用に変更


⑤ブロック編集画面の「おすすめ商品」テンプレートの3つ目の商品ブロックの後にfloatのまわり込み解除しとく