スマホのクーポンアイコンに関して

Question

お世話になっております。

本日、スマホのクーポンアイコンが反映されましたとの号外を確認し、
早速クーポンを発行したところ、楽天24のようにアイコンが表示されません
http://item.rakuten.co.jp/rakuten24/c001222600001/?force-site=ipn

RMSの商品ページ設定にある「商品ページを見る(スマートフォン)」からは
楽天24と同じように右下あたりにクーポンのアイコンを確認できましたが、
実機で確認したところ表示がされません。
iPhone6S、5S、GalaxySⅡで確認したところすべて非表示でした。

スマホページには商品ページ上部にバナー設置・フッターにフロートリンクを
設定しているのですが、それのHTML，CSS等が原因でしょうか？
それとも単に反映に時間が掛っているのでしょうか？(19日18時より利用可能に設定しています)

宜しくお願い致します。

Answer

ECマスターズの塚本です。

＞スマホページには商品ページ上部にバナー設置・フッターにフロートリンクを
＞設定しているのですが、それのHTML，CSS等が原因でしょうか？
＞それとも単に反映に時間が掛っているのでしょうか？

一度、確認するブラウザで楽天会員としてログインしたうえで、
再度試していただけますでしょうか。

それでも表示されない場合は、
再度ご連絡いただければと思います。

Answer

早急のご返信ありがとうございます。
実機で試した際、ログインせずに試しておりました。
ログインして試した結果、表示されました。

重ね重ねの質問になりますが、
現在フッターに設定しているフロートリンクが前面に出ており、クーポンアイコンを前面に出したい場合、
楽天が設定している「#offer-notification-btn .normal-btn-content .coupon-count 」のz-index:900020；
より大きい数値にすればよろしいでしょうか

Answer

ECマスターズの田中です。

クーポンアイコンを前面に出したい場合は、
フロートリンクのz-indexを、
「#offer-notification-btn」およびその子要素に設定されている
900010より 小さい 数値にご設定ください。

Answer

ご回答ありがとうございました。

z-indexを900010より小さい数値にしたところ、
クーポンアイコンを最前面に出すことができました。