楽天スマホの買い物かごについて

Question

ご質問を失礼致します。
http://item.rakuten.co.jp/asylum/mnml17sp003/
の

①買い物かごが
『商品をカゴに追加』『ご購入手続きへ』『お気に入り商品に追加』
の設置方法

②この商品が気になったら今すぐお気に入りに登録の設置方法

③買い物かごのそばの左端にある『スタートダッシュクーポン配布中　特設会場はコチラ』
のアイコンの設置方法

をご確認頂いても宜しいでしょうか。
お手数をおかけしますが宜しくお願い致します。

Answer

ECマスターズの田中です。

返答が遅れてしまい、失礼いたしました。
改めて、ご質問いただいた内容に返信させていただきます。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

基本的にはいずれも、
HTMLとスタイルシートとJavaScriptを組み合わせて
実現されております。

以下の説明内容にて、
一部、実際のソースから無駄な空白などの記述を省略している部分が
ございますことを、お含みおきください。


＞①買い物かごが
＞『商品をカゴに追加』『ご購入手続きへ』『お気に入り商品に追加』
＞の設置方法

商品ページ共通説明文に

と記入することで読み込んでいる、
http://www.rakuten.ne.jp/gold/asylum/data/sp/css/item2.js
の１〜８１行目の処理で設置されております。


＞②この商品が気になったら今すぐお気に入りに登録の設置方法

商品ページ共通説明文に

と記入することで読み込んでいる、
http://www.rakuten.ne.jp/gold/asylum/data/sp/css/item2.css
の１７８〜１８７行目にて設置されております。


＞③買い物かごのそばの左端にある『スタートダッシュクーポン配布中　特設会場はコチラ』
＞のアイコンの設置方法

商品ページ共通説明文冒頭にある下記HTMLソースを、
= この下の行から ====================



= この上の行まで ====================

先述の
http://www.rakuten.ne.jp/gold/asylum/data/sp/css/item2.css
の１２２〜１３５行目で見た目を整えることで設置されております。