弊社販売中のECCUBE3用デザインテンプレートs83001,s83002で、他社プラグインを使われる場合、プラグインの仕様によって、ボタンの背景色が表示しない場合があります。
/html/template/該当テンプレート/css/common.css
に以下のコードをコピーして追記していただければ、独自の書き方をされたものでない限りは
ボタンの背景色が表示するようになると思います。
★s83001[背景あり(淡グレー)×ブラウン系]の場合
/*s83001 Plugin用ボタン 追加コード*/
.btn{
width:100%;
}
.btn,
.btn a,
.btn a:link,
.btn a:visited{
display:block;
color:#FFF;
background-color:#a00100;/*ボタンカラー*/
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn a:hover,
.btn a:focus,
.btn a:active{
color:#FFF;
background-color:#cd0e0e;/*hover:ボタンカラー*/
}
★s83002[背景なし(ホワイト)×グリーン系]の場合
/*s83002 Plugin用ボタン 追加コード*/
.btn{
width:100%;
}
.btn,
.btn a,
.btn a:link,
.btn a:visited{
display:block;
color:#FFF;
background-color:#65AB31;/*ボタンカラー*/
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn a:hover,
.btn a:focus,
.btn a:active{
color:#FFF;
background-color:#9FC24D;/*hover:ボタンカラー*/
}
※プラグインのtwigのボタンに関するコードを直接書き直したい場合は、
s83001・s83002共に以下のルールでクラスを持たせていますので、参考にしてください。
.btn-next 次に進む系ボタン
.btn-back 戻る系ボタン
.btn-cart カートボタン
.btn-general 汎用ボタン(ログインボタンなど)
.btn-sub インラインボタン(入力フォームなどのグレーボタン)
