質問: スマホページのお気に入りボタンについて いつもお世話になります。スマホページのお気に入りボタンについての質問です。スマホページの右側に「上へ」「かごへ」ボタンがついていますが、この並びにその商品ページの「お気に入りに追加」ボタンが表示されている店舗様があります。参考店舗様http://item.rakuten.co.jp/dondon/coolmat-90-140/http://item.rakuten.co.jp/e-futon-kobo/10000004/商品ごとにお気に入りに追加urlは違うと思うのですが、自動で取得できる何かがあるのでしょうか?どのようなタグを入れると、このように表示されるのでしょうか?教えていただけると助かりますので、どうぞよろしくお願いいたします。
回答: ecマスターズの田中です。下記返信内容では、楽天rmsの、禁止タグを入力できるバグを利用しておりますので、今後、rmsの改修により、使用できなくなる可能性があることをご承知おきください。>商品ごとにお気に入りに追加urlは違うと思うのですが、>自動で取得できる何かがあるのでしょうか?はい、「iteminqform」というname属性を持つ、非表示のタグの中に「item_id」という名前の入力欄があり、その中に、お気に入りに追加urlの商品ごとに変わる部分(商品id)が保存されておりますので、javascriptを利用して値を取得することで、お気に入りに追加urlを作ることができます。>どのようなタグを入れると、このように表示されるのでしょうか?参考店舗の1店舗目、dondonさんでは下記のタグを共通説明文に記入することで表示されております。===== この下の行から ===================== この上の行まで ================最初に読み込んでいるsp_rms.cssの中で、お気に入りボタンに影響するのは下記の部分です。===== この下の行から ================#bookmark_btn { position: fixed !important; bottom: 92px !important; right: 8px !important; background-color: #cc0000 !important; text-align: center !important; width: 42px !important; height: 42px !important; z-index: 900001 !important;}#bookmark_btn > a{ opacity: 1 !important; width: 42px !important; height: 42px !important; padding: 0 !important; z-index: 900001 !important;}#bookmark_btn > a > img { opacity: 1 !important; width: 22px !important; height: 22px !important; position: relative !important; top: 10px !important; z-index: 900002 !important;}#floatingbuttons { height: 125px !important; bottom: 50px !important;}#floatingbuttons > div.totopbutton { top: -13px !important;}#floatingbuttons .tocartbutton { bottom: -28px !important;}===== この上の行まで ================imgタグを読み込んだ時に発生する「onerror」イベントを利用して「」の中にお気に入りに追加urlのリンクを作成しております。imgタグの代わりに、「onerror="」より右から、4行下にある「">」より左の部分を外部jsに記入し、