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

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

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

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

カテゴリーから探す