【楽天／CSS】お気に入りボタン上への画像差し込み方法について

Question

ご担当者　様

お世話になっております。
株式会社B&Jの町上(マチガミ)と申します。
表題の件でご質問です。

添付の画像のように、
お気に入りボタンの上にサジェストの画像を挿入したいのですが、
どこにどのようにCSSを入れれば良いでしょうか？

ご教示ください。
何卒宜しくお願い致します。


参考ページURL
https://item.rakuten.co.jp/complete-shop/bbb0602c-1-1/###HR######IMG0bc020f3dc48bc2720da6429a8ccbb1e4.pngIMG0###

Answer

ECマスターズの田中です。

下記のタグを
ヘッダー・フッター・レフトナビ、または共通説明文（大）に
挿入していただくと、
お気に入りボタンの上に画像を設置することができます。

===== この下の行から ================

/* お気に入りボタンの上に画像設置 */
.bookmarkAreaWrapper:before{
     content: " ";
     background: url(画像URL) no-repeat left top;
     display: block;
     width: 画像の横幅px;
     height: 画像の高さpx;
     margin: 10px 0px;
     text-indent: -100%;
     overflow: hidden;
}

===== この上の行まで ================
※画像URLは実際のURLに、画像の横幅（高さ）は実際の半角数字に、それぞれ置き換えてご利用ください。
※その他のプロパティも値を調整したり新規追加することで、見た目を調整することができます。