EC-CUBE2.114　商品一覧を横並び4列に

商品一覧が縦って、なんだかイマイチだったので、簡単バージョンで横並びにしてみました
商品は1つづつ、<div class=”list_area”></div>で囲ってあるので、この部分のcssをちょっと変更
基本的には以下だけで横並び4列（div.list_areaのwidthを変更すれば、5列まではいけるかな？）が可能

あとは、「詳細」ボタンとか「カゴに入れる」ボタンの大きさを変更したり、カートまわりだけれど、この辺は、商品リストページと商品詳細ページのcss名がかぶっているので、商品リストページ(data/Smarty/templates/default/products/list.tpl)のcss名を変更して、cssであれこれすれば良いかな、と

user_data/packages/default/css/contents.css

の、商品一覧・レイアウト部分を修正

/*? 横並び */
div.list_area {
padding: 0 0 30px 0;
width:25%;
float:left;
}

/* 写真部分・高さを130pxとってやって高さをそろえる */
div.listphoto {
height:130px;
text-align:center;
}

/* コメント部分・3行分あればいいかな、と */
div.listcomment {
height:4em;
}

あと、ページ送りに、clear:both;を追加（float解除）

.pagenumber_area {
clear:both;
padding-bottom: 10px;
background: url(“../img/background/line_dot_01.gif”) repeat-x bottom ;
}