スマホページに設置するお気に入りボタンについて

Question

ご質問を失礼致します。
下記のお店のスマホページのようにお気に入りボタンを設置したいので、設置方法をご教授のほど宜しくお願い致します。

https://item.rakuten.co.jp/risacrystal/10080994/#

以前設置していたのですが、お気に入りボタンをクリックするとViberに繋がる事象が先月より起こり、アイコンを外していたのですが、
上記のお店ですと正常に稼働している為、お手数をおかけしますが宜しくお願い致します。

Accepted Answer

ECマスターズの田中です。

※楽天RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

最初に、お気に入りボタンとして表示させる
画像ファイルをご用意いただき、
R-CabinetもしくはGOLDにアップロードしてください。

次に、下記の内容をメモ帳に貼り付け、
ファイル名の末尾を「.css」にして保存していただき、
GOLD内にアップロードしてください。

===== この下の行から ================
#spFixedBookmark {
display: block;
position: fixed;
top: 画面上端からの距離px;
right: 画面右端からの距離px;
width: お気に入りボタン画像の表示横幅px;
height: お気に入りボタン画像の表示縦幅px;
z-index: 100000;
background: url(お気に入りボタン用画像URL) no-repeat center 0;
text-indent: -100%;
overflow: hidden;
background-size: contain;
}
===== この上の行まで ================
※画面上（右）端からの距離、お気に入りボタン画像の表示横（縦）幅は、
　実際の半角数字にご変更ください。
※topをbottomに変更することで下端から、
　rightをleftに変更することで左端からの距離で
　位置を指定することができます。
※お気に入りボタン用画像URLは、実際のURLにご変更ください。

続いて、下記の内容をメモ帳に貼り付け、
ファイル名の末尾を「.js」にして保存していただき、
GOLD内にアップロードしてください。

===== この下の行から ================
jQuery(function($){
$('#spFixedBookmark').attr('href',
'https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=ショップID&panf=0&tax=0&postage=0&itype=1&svid=101&iid=' + $('input[name=item_id]').eq(0).val()
);
});
===== この上の行まで ================
※ショップIDの部分は、ショップ内検索のURLに含まれる６桁の数字、
　またはRAC番号の上６桁にご変更ください。

最後に、スマートフォン用共通説明文に
下記のHTMLタグを貼り付けることで、
お気に入りボタンを設置することができます。
 
===== この下の行から ================


　
===== この上の行まで ================
※外部CSSファイルのURL、外部JSファイルのURLは、実際のURLにご変更ください。

Answer

有難うございます。
早速試してみます。