買い物かごボタンの大きさ変更

Question

本日よりの買い物かごボタンの変更により、以前設定していたものより小さくなってしまっています。

今回の変更の仕様で買い物かごボタンを大きくするにはどうしたらいいでしょうか？

Answer

ECマスターズの田中です。

下記のHTMLタグをヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に入れていただきますと、
買い物かごボタンの画像を、予めご用意いただいた大きい画像に変更することができます。

====== この下の行から =================

/* 買い物かごボタンの変更 */
body div#rakutenLimitedId_aroundCart input.rCartBtn,
body div#rakutenLimitedId_aroundCart input.rCartBtn[type="submit"] {
 background-image: url(【画像URL】) !important;
 width: 【画像横幅】 !important;
 height: 【画像縦幅】 !important;
}
body div#rakutenLimitedId_aroundCart input.rCartBtnHover,
body div#rakutenLimitedId_aroundCart input.rCartBtnHover[type="submit"] {
 background-position: 0 0 !important;
 opacity: 【カーソルを当てた時の透明度】;
}

====== この上の行まで =================
上記HTMLのタグに含まれる4箇所の【】は、
それぞれ下記のように置き換えてご利用ください。

【画像URL】→買い物かごボタンにする画像のURL
例）background-image: url(http://sample.jp/sample.jpg) !important;
【画像横幅】【画像縦幅】→同画像の横幅、縦幅をpx単位で
例）width: 468px !important; height: 60px !important;
【カーソルを当てた時の透明度】→0〜1の間の数値
例）opcatiy: 0.8;
※opacityを1以下にすると、マウスカーソルをボタンに当てた時に
　ボタンの色が薄くなる効果をつけることができます。

Answer

回答ありがとうございます。

早速、試してみます！