• 文字サイズ


解決済

【楽天スマホ】商品ページにオリジナルメニュー

  • 相談者:非公開
  • 2018/12/04 11:19
商品ページにドロワーメニューを設置したのですが、うまく反映されません。
スーパーSALEのアイコンと被ってしまいメニューが隠れてしまっているのと、
ドロワーを開いたとき、中身がうまく配置されずスクロールの動きが悪い状態です。
理想はソウルベリーさんのようなスマホドロワーメニューを実装したいです。

ドロワーメニューはこちらを使って組み込みました。
https://www.miso.blog/jquery-drawer/

商品ページにオリジナルメニューをうまく実装するにはどうすればよいでしょうか。
キーワード:CSSスマホメニュー商品ページ
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2018/12/04 18:34
ECマスターズの田中です。

私にて、お送りいただいた商品ページを確認したところ
ドロワーメニューが導入されている様子は
見当たりませんでした。

………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/05 14:39
お返事ありがとうございます。
「投稿お内容について報告する」より、URLを送らせていただきました。
お手数お掛けしますが、よろしくお願い致します。………(省略)………
  • 返信者:非公開
  • 2018/12/05 15:14
ECマスターズの田中です。

ありがとうございます。
いただいたページを確認いたしましたが、
やはり、Drawer用のJavaScriptソースは見当た………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/05 17:06
再度URLなどを送らせていただきました。
お手数お掛けしますが、よろしくお願い致します。………(省略)………
  • 返信者:非公開
  • 2018/12/05 21:59
ECマスターズの田中です。

URLをお送りいただき、ありがとうございました。

いただいたURLのドロワーメニューの動作を
私のiPhoneにて確認………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/07 17:21
お返事・解決策ありがとうございます!
メニューの余白についてなのですが、スクロールが2重でかかっているみたいで右側の余白部分が1つのスクロール領域になっている………(省略)………
  • 返信者:非公開
  • 2018/12/07 18:56
ECマスターズの田中です。

細かい調整について、正確にご案内差し上げるには、
どうしても実際に設置されている様子を
確認させていただく必要がございます………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/10 16:54
お返事ありがとうございます。
SALEイベントが終わりの12月12日に再度、
スマホ用商品ページにドロワーナビを反映いたします。
その際にまた動きなどを見………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/12 09:18
お世話になっております。
スマホ商品ページにドロワーメニューを導入いたしました。
メニュー内の検索窓で検索しようと文字を入力する際、メニューが閉じてしまう ………(省略)………
  • 返信者:非公開
  • 2018/12/12 16:15
ECマスターズの塚本です。

いただいたご質問ですがお調べしまして
担当よりご回答させていただきます。

明日の回答になる可能性がございますが、
回………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/12 16:45
ご回答の方かしこまりました、お手数お掛けしますがよろしくお願いいたします。
現在スマホ商品ページに反映しているドロワーメニューですが、
動きが歪なままお客様………(省略)………
  • 返信者:非公開
  • 2018/12/12 17:08
ECマスターズの塚本です。

大変お手数おかけしますが一度
外していただくようお願いいたします。………(省略)………
  • 返信者:非公開
  • 2018/12/13 12:03
ECマスターズの田中です。

回答が遅れてしまい、申し訳ありませんでした。
改めて、実際の設置の様子を確認させていただきたいのですが、
ご設置いただいて………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/13 13:00
お返事ありがとうございます。
HTMLソースを「投稿内容について報告する」へ
送らせていただきました。
よろしくお願い致します。………(省略)………
  • 返信者:非公開
  • 2018/12/13 17:19
ECマスターズの田中です。

ソースをお送りいただき、ありがとうございました。

それでは、まず一度、

https://www.rakuten.n………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/16 17:03
お返事ありがとうございます。
教えていただいたコードを入力して再度上げてみると、
ヘッダーとメニューが一緒になりました、ありがとうございます!

ただ、………(省略)………
  • 返信者:非公開
  • 2018/12/16 17:07
ECマスターズの村井です。

いただいたご質問は休み明けに担当より回答させていただきますので、
今しばらくお待ちください。     ………(省略)………
  • 返信者:非公開
  • 2018/12/17 19:38
ECマスターズの田中です。

私のiPhone8のSafariにて動作を確認したのですが、
特に入力しようとしてメニューが閉じる様子は
確認できませんで………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/18 10:30
お返事ありがとうございます。
スマホで確認する際はAndroidのChromeで確認しております。………(省略)………
  • 返信者:非公開
  • 2018/12/18 20:03
ECマスターズの田中です。

ありがとうございます。
AndroidのChromeにて、再現できることを確認いたしました。

私にて調査を行ってみたの………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/20 08:54
お返事ありがとうございます。
他のプラグインも試してみようと思います。
ご回答の方ありがとうございました!………(省略)………