スマホ商品ページのカスタマイズについて

Question

いつもお世話になります。スマホ商品ページの右側にある「上へ」ボタンの上部に「お気に入りに追加」のボタンを付けている店舗様がいらっしゃいます。こちらの設置はどうすればいいのでしょうか？参考店舗様http://item.rakuten.co.jp/e-zakkamania/32136-0702316お手数ですが、ご返信お願いいたします。

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

お世話になります。早速のご返信ありがとうございました。問題なく設定できました。今後とも何卒よろしくお願い申し上げます。

Answer

お世話になります。こちらの設定は問題なくできたのですが複数のバナーを設置する事は可能でしょうか？可能な場合は、方法を教えて頂けると幸いです。また、今回のスマホ商品ページの右側にバナーを追加する方法は禁止行為(全店舗に提供している共通コンテンツを隠す行為)には当たりませんでしょうか？お手数ですが、ご返信お願いいたします。

Answer

ECマスターズの田中です。＞複数のバナーを設置する事は可能でしょうか？はい、可能です。その際は、外部CSSファイルおよびHTMLにそれぞれ１箇所含まれるIDの部分（spFixedBookmark）を、別の文字列にご変更いただいた上でCSSファイルの中身、およびHTMLソースに含まれるタグを複製していただきますようお願いします。JavaScriptは、タグのリンク先を設定する役割を持っておりますが、二つ目のタグにて、商品ごとにリンク先を変更する必要が特にない場合は、href属性にリンク先を直接ご記載いただいても結構です。＞また、今回のスマホ商品ページの＞右側にバナーを追加する方法は＞禁止行為(全店舗に提供している共通コンテンツを隠す行為)＞には当たりませんでしょうか？追加したバナーの位置が特定の要素（「上へ」「ご購入手続きへ」「クーポン」各ボタン等）を隠す位置でなければ、該当はしないと思います。

スマホ商品ページのカスタマイズについて

カテゴリーから探す