楽天のカートボタンを大きくしたい

Question

いつもお世話になっております。

楽天市場のカートに入れるボタンを大きくしたいのですが
画像を作成後、どのようにすれば設置出来ますでしょうか？

画像作成しなくても大きくする方法があるのでしたらそちらでもかまいません。

宜しくお願い致します。

Answer

ECマスターズの田中です。


＞楽天市場のカートに入れるボタンを大きくしたいのですが
＞画像を作成後、どのようにすれば設置出来ますでしょうか？

作成した画像をR-CabinetまたはGOLDに設置していただいた後、
下記スタイルシートを、ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
挿入してください。

= この下の行から ====================

/* 買い物カゴ画像を変更 */
body div#rakutenLimitedId_aroundCart input.rCartBtn, body div#rakutenLimitedId_aroundCart input.rCartBtn[type="submit"] {
background: url(画像URL) no-repeat left top !important;
width: 画像の横幅px !important;
height: 画像の高さpx !important;
}

= この上の行まで ====================
※画像URL、画像の横幅（高さ）は、実際のURL、半角数字に置き換えてご利用ください。

＞画像作成しなくても大きくする方法があるのでしたらそちらでもかまいません。

スタイルシートだけを利用して既存の買い物かご画像を大きくすることも可能ですが、
既存の画像は
https://r.r10s.jp/com/img/rms/storefront/pc/page/btn01_212x68.png
このように、マウスを乗せる場合・乗せない場合の画像が２つ並んだ形でできているため、
その切替の動作も一緒に変更する必要があり、
また大きくした後の画質も粗くなるため、
先述の、作成した画像に置き換える方法をオススメいたします。

Answer

田中さん

すぐに設置できました。
いつもありがとうございます。助かります。