お気に入りボタンを好きな画像で表示させる方法（PC）

Question

お世話になっております。

デザインツールから表題の内容を登録していますが、画像が反映されません。
添付ファイルをご確認ください。

参考ショップが3つありますが、同じ現象になっています。
改善があれば教えてください。

よろしくお願いいたします。###HR######IMG0ae96f33058ad0a5df523e7e93ae58673.pngIMG0###

Answer

ECマスターズの伊藤です。

> デザインツールから表題の内容を登録していますが、画像が反映されません。
> 添付ファイルをご確認ください。

状況を確認させていただきたので
対象のページのURLをご連絡いただけますでしょうか。

どうぞよろしくお願いいたします。

Answer

こちらになります。

https://item.rakuten.co.jp/d-r-w/kq23000/?l-id=shoptop_widget_in_shop_ranking&s-id=shoptop_in_shop_ranking

下記が登録内容です。


/* お気に入り商品登録画像変更 */
body #rakutenLimitedId_aroundCart div.bkm{
width: 306px !important;
}
body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
width: 306px !important;
height: 48px !important;
background: url(https://image.rakuten.co.jp/d-r-w/cabinet/image/shop_bookmark.jpg) no-repeat 0 0 !important;
}
body div.bookmarkArea div.bkm a.addBkm {
width: 343px !important;
height: 364px !important;
}

/* お気に入りショップ登録画像変更 */
body #rakutenLimitedId_aroundCart div.shopBkm{
width: 306px !important;
padding-left: 0px !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
width: 306px !important;
height: 48px !important;
background: url(https://image.rakuten.co.jp/d-r-w/cabinet/image/shop_okini.jpg) no-repeat 0 0 !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm {
width: 343px !important;
height: 58px !important;
}

Answer

ECマスターズの伊藤です。

URLのご連絡ありがとうございました。

頂いたタグを下記に差し替えてみて
いただけますでしょうか。

どうぞよろしくお願いいたします。

＝＝＝＝＝


.bookmarkAreaWrapper{
width: 343px !important;
}
body #rakutenLimitedId_aroundCart div.bkm{
	width: 343px !important;
}
/* お気に入り商品登録画像変更 */
#rakutenLimitedId_aroundCart #serviceTableSml td.normal-reserve-favorite .addBkm {
height: 354px !important;
width: 343px !important;
}
#rakutenLimitedId_aroundCart #serviceTableSml td.normal-reserve-favorite .bkmStar {
height: 364px !important;
width: 343px !important;
background: url(https://image.rakuten.co.jp/d-r-w/cabinet/image/shop_bookmark.jpg) !important;
}

/* お気に入りショップ登録画像変更 */
#rakutenLimitedId_aroundCart #serviceTableSml td.normal-reserve-favorite .addShopBkm {
height: 58px !important;
width: 343px !important;
}
#rakutenLimitedId_aroundCart #serviceTableSml td.normal-reserve-favorite .shopBkmStar {
height: 58px !important;
width: 343px !important;
background: url(https://image.rakuten.co.jp/d-r-w/cabinet/image/shop_okini.jpg) !important;
}