固定バナーにお気に入りボタンを追加すると予約販売のページにフローティングバナーが表示されなくなります。

Question

表題の件についてですが、デザインレシピにて紹介されています方法で固定バナーにお気に入りボタンを追加すると予約のフローティングバナーが表示されなくなります、対処方………（省略）………

Answer

ECマスターズの塚本です。

いただいたご質問の件ですが、
技術系のご質問のためお時間いただきますが、
お調べまして担当より明日回答させていただきます。

いましばらくお待ちいただければと思います。

お急ぎの場合は、お手数おかけしますが、
いったん設置していただいたタグを外した
状態でご対応いただければと思います。

Answer

ECマスターズの田辺です。

恐れ入りますが
予約商品は購入用のフローティングバナーが
現れない仕様になっておりましたので、
お気に入りボタンは単独で共通説明文に表示されておりました。

どのようなことを実現させたいかによって
対処方法が変わりますので、
予約商品はお気に入りボタンのみをフローティングで表示させるか、
予約商品はお気に入りを非表示にして今のバナーを下にさげるかなど
ご希望を教えていただいてもよろしいでしょうか。

Answer

お世話になります。予約商品はお気に入りボタンのみをフローティングで表示させるようにしたいです。
どうぞよろしくお願いいたします。

Answer

ECマスターズの田中です。

> 予約商品はお気に入りボタンのみをフローティングで表示させるようにしたいです。

それでは、
GOLDにアップロードしていただいたJSファイルの、
末尾から２行目、つまり
});
の直上に、下記ソースを貼り付けていただき、
動作をご確認いただきますようお願いします。

if( $('#floatingCartContainer').length === 0 ){
  $('#floatingThirdButton').css({
    float: "none",
    position: "fixed",
    right: "8px",
    bottom: "8px",
    zIndex: 900001,
  });
}

Answer

jQuery(function($){
$('#floatingThirdButton').appendTo('#floatingCartContainer');
$('#floatingThirdButton a').attr('href', 'https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=204248&itype=1&svid=101&iid=' + $("meta[property='apprakuten:item_id']").attr("content") );
if( $('#floatingCartContainer').length === 0 ){
$('#floatingThirdButton').css({
float: "none",
position: "fixed",
right: "8px",
bottom: "8px",
zIndex: 900001,
});
}
});


これでやってみましたが、うまくいかないようです。

Answer

ECマスターズの田中です。

私にて、iPhone8のSafariにて表示を確認したところ、
最新のページですと問題なく表示されることがわかりました。

キャッシュ（過去に読み込んだデータ）を利用して
ページを表示すると、JSファイルの変更が適用されませんので、
iPhoneの「設定」>「Safari」>「履歴と Web サイトデータを消去」を行うか、
Safariのタブ選択画面より「プライベート」をタップして、
プライベートモードでページをご確認いただきますようお願いします。

Answer

ありがとうございます！確認できました。ちなみに予約ページのみ画像のフローティングクーポンバナーを出さない方法はありませんでしょうか？

Answer

ECマスターズの田中です。

> 予約ページのみ画像のフローティングクーポンバナーを出さない方法はありませんでしょうか？

先程修正していただいたJSファイルの末尾３行目、つまり
});
と
}
の間に、
$('#fullBnrBox').hide();
を追記していただきますようお願いします。

Answer

ありがとうございます。できました