2012年3月9日カテゴリー:未分類

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

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

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

[php]

(税込)

[/php]

(3)■html/user_data/packages/default/css/contents.css
「関連商品」の箇所を以下に書き換え。
ただし、記述は『「おすすめ商品情報」の表示パターン』が前提になっている。これが適用されていない場合は、bloc.cssの「関連商品」に関わるコード(whobought_area)をすべて削除してから行う。(bloc.cssからcontents.cssに移行する)
[php]
/* 関連商品
———————————————– */
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;
}
[/php]