楽天買い物カゴボタンのカスタマイズについて

Question

ご担当者様
お世話になっております。

ＭＩＣの小林と申します。
楽天の買い物カゴを入れるボタンをカスタマイズしていたのですが、
先日からうまく機能しなくなりました。
下記のような記述を共通説明文(大)に入れておりました。
今までは問題なく動作していたのですが、先日からマウスオーバーした後の
画像で固定されてしまうようになり、今は通常のボタンに戻しています。

修正は可能でしょうか？

何卒宜しくお願い致します。


/*買い物かごに入れるボタン*/
div#rakutenLimitedId_aroundCart input.rCartBtn,
div#rakutenLimitedId_aroundCart input.rCartBtn[type="submit"] {
    width: 210px !important;
    height: 50px !important;
    cursor: pointer !important;
    background: url("https://image.rakuten.co.jp/inter-mic/cabinet/imgrc0072189855.jpg")no-repeat 0 0 !important;
}

div#rakutenLimitedId_aroundCart input.rCartBtn,
div#rakutenLimitedId_aroundCart input.rCartBtn[type="submit"]:hover {
    background: url("https://image.rakuten.co.jp/inter-mic/cabinet/imgrc0072189856.jpg")no-repeat 0 0 !important;
}

Answer

ECマスターズの田中です。

ソースを確認したところ、
確かに、楽天の仕様変更に伴い動作しなくなっていることがわかりました。
代わりに、下記ソースをご利用いただきますようお願いします。


/*買い物かごに入れるボタン*/
div#rakutenLimitedId_aroundCart input.rCartBtn {
width: 210px !important;
height: 50px !important;
cursor: pointer !important;
background: url(https://image.rakuten.co.jp/inter-mic/cabinet/imgrc0072189855.jpg) no-repeat 0 0 !important;
}

div#rakutenLimitedId_aroundCart input.rCartBtn:hover {
background: url(https://image.rakuten.co.jp/inter-mic/cabinet/imgrc0072189856.jpg) no-repeat 0 0 !important;
}

Answer

ご返信が遅くなり申し訳ございません。

教えていただいたテキストで対応できました。
ありがとうございました。