ITOBEN STYLE > EC-CUBE:商品詳細ページの画像に枠を付ける 2012年3月9日カテゴリー:未分類 EC-CUBE:商品詳細ページの画像に枠を付ける ■html/user_data/packages/default/css/contents.css ① 「商品情報 各種設定」箇所に追加 [php] /* 商品画像 */ #detailphotobloc .photo img { border:#999 1px solid; background-color:#FFF; padding:5px; } /* サブ情報 */ .sub_area .subphotoimg img { border:#999 1px solid; background-color:#FFF; padding:5px; } [/php] ② 「レイアウト」箇所を変更 [php] #two_maincolumn_left #detailrightbloc , #two_maincolumn_right #detailrightbloc { float: right; width: 63%; ↓(変更) width: 62%; [/php] サブ情報エリアのレイアウトも合わせて調整する。
■html/user_data/packages/default/css/contents.css
① 「商品情報 各種設定」箇所に追加
[php]
/* 商品画像 */
#detailphotobloc .photo img {
border:#999 1px solid;
background-color:#FFF;
padding:5px;
}
/* サブ情報 */
.sub_area .subphotoimg img {
border:#999 1px solid;
background-color:#FFF;
padding:5px;
}
[/php]
② 「レイアウト」箇所を変更
[php]
#two_maincolumn_left #detailrightbloc ,
#two_maincolumn_right #detailrightbloc {
float: right;
width: 63%;
↓(変更)
width: 62%;
[/php]
サブ情報エリアのレイアウトも合わせて調整する。