スマホの買い物かごへボタンについて

Question

いつもお世話になります。スマホページの買い物かごへボタンについての質問です。以前はスマホページの右側に「買い物かごへ」ボタンがついていたかと思いますが、下部に「フローティングかごボタン」が導入されてから削除されたかと思います。買い物かご近くにある商品価格を確認したいお客様もたくさんいると思いますので、今までのように「買い物かごへ」ボタンを付けたいです。参考店舗様http://item.rakuten.co.jp/e-goods/bedclothes_kfg_cover2どのようなタグを入れると、このように表示されるのでしょうか？教えていただけると助かりますので、どうぞよろしくお願いいたします。

Answer

ECマスターズの田中です。※注意：楽天RMSの、禁止タグを入力できるバグを利用する方法ですので、今後、RMSの改修により、使用できなくなる可能性があります。最初に、お気に入りボタンとして表示させる画像ファイルをご用意いただき、R-CabinetもしくはGOLDにアップロードしてください。（こちらの商品ページでは、横９２ピクセル・高さ９８ピクセルの　画像ファイルを用意し、縮小表示しております）次に、下記の内容をメモ帳に貼り付け、ファイル名の末尾を「.css」にして保存していただき、GOLD内にアップロードしてください。===== この下の行から ================.spFixedCartButton {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($){var l=location;$('.spFixedCartButton').attr('href',l.protocol+'//'+l.hostname+l.pathname+l.search+'#itemSpecification');});===== この上の行まで ================最後に、スマートフォン用共通説明文に下記のHTMLタグを貼り付けることで、お買い物かごへ移動するボタンを設置することができます。===== この下の行から ================　===== この上の行まで ================※外部CSSファイルのURL、外部JSファイルのURLは、実際のURLにご変更ください。

Answer

利用させていただこうとしたのですが、スマートフォン用共通説明文へ入れようとすると怒られるのですが対処方法はあるのでしょうか？
ご教示よろしくお願いいたします。………（省略）………

Answer

ECマスターズの田中です。失礼いたしました、<a>タグのhref属性にJavaScriptを設定すると、外部リンクとみなされてエラーが発生することがわかりました。改めて、問題なく動作するよう修正を行わせていただきましたので、先の返信内容をご確認いただきますようお願いします。なお、買い物かごボタン周辺に移動するためのボタンがなくなった関係で、以前の買い物かごボタンとは異なる方法で導入しておりますので、動作が若干異なっております（クリックすると一瞬で移動する、到着位置が異なる）のでご承知おきください。

スマホの買い物かごへボタンについて

カテゴリーから探す