ITOBEN STYLE > EC-CUBE+もしもドロップシッピング(CSV登録型):CSSによるデザイン変更(2) 2015年7月21日カテゴリー:未分類 EC-CUBE+もしもドロップシッピング(CSV登録型):CSSによるデザイン変更(2) ここでの内容は主に↓このページの機能等についての説明です。 http://kaijp.com/moshimo_sample/ ダウンロードページはこちら http://www.kaiplus.com/ マニュアルはこちら http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf 商品画像に枠線を設定するには、既に設定済みのimg_line.cssを利用することができます。 たとえば、商品詳細ページのメイン画像に枠線をつける場合は、下記のようにCSSのコメントアウトを外します。 [css] /*▼メイン画像*/ /* #detailphotobloc .photo img { max-width:96%; padding:1px; border:#CCC 1px solid; background: #FFF; } */ [/css] ↓ [css] /*▼メイン画像*/ #detailphotobloc .photo img { max-width:96%; padding:1px; border:#CCC 1px solid; background: #FFF; } [/css] ↓ 売上ランキングの場合 [css] /* ———————— ランキング ————————– */ /* #ranking_area li .image img { max-width:96%; border:#CCC 1px solid; padding:1%; background-color:#FFF; } */ [/css] ↓ [css] /* ———————— ランキング ————————– */ #ranking_area li .image img { max-width:96%; border:#CCC 1px solid; padding:1%; background-color:#FFF; } [/css] ↓ ここでの内容は主に↓このページの機能等についての説明です。 http://kaijp.com/moshimo_sample/ ダウンロードページはこちら http://www.kaiplus.com/ マニュアルはこちら http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf
ここでの内容は主に↓このページの機能等についての説明です。
http://kaijp.com/moshimo_sample/
ダウンロードページはこちら
http://www.kaiplus.com/
マニュアルはこちら
http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf
商品画像に枠線を設定するには、既に設定済みのimg_line.cssを利用することができます。
たとえば、商品詳細ページのメイン画像に枠線をつける場合は、下記のようにCSSのコメントアウトを外します。
[css]
/*▼メイン画像*/
/*
#detailphotobloc .photo img {
max-width:96%;
padding:1px;
border:#CCC 1px solid;
background: #FFF;
}
*/
[/css]
↓
[css]
/*▼メイン画像*/
#detailphotobloc .photo img {
max-width:96%;
padding:1px;
border:#CCC 1px solid;
background: #FFF;
}
[/css]
↓
売上ランキングの場合
[css]
/* ————————
ランキング
————————– */
/*
#ranking_area li .image img {
max-width:96%;
border:#CCC 1px solid;
padding:1%;
background-color:#FFF;
}
*/
[/css]
↓
[css]
/* ————————
ランキング
————————– */
#ranking_area li .image img {
max-width:96%;
border:#CCC 1px solid;
padding:1%;
background-color:#FFF;
}
[/css]
↓
ここでの内容は主に↓このページの機能等についての説明です。
http://kaijp.com/moshimo_sample/
ダウンロードページはこちら
http://www.kaiplus.com/
マニュアルはこちら
http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf