質問 > その他 > スマホの画面でハンバーガーメニューエラー |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
novarod2 |
投稿日時: 2021/2/8 17:55
対応状況: 確認中
|
新米 登録日: 2019/11/5 居住地: 投稿: 9 |
スマホの画面でハンバーガーメニューエラー ▼テンプレート
[EC-CUBE] 3.0.18 [レンタルサーバ] heteml [OS] Linux [PHP] 7.1.32 [データベース] MySQL 5.6.23 [WEBサーバ] Apache [ブラウザ] chrome, firefox [現象] スマホ画面やPCのブラウザサイズを小さくすると表示されるハンバーガーメニューをクリックして、開くと灰色の背景でメニューや内容が表示されず、×を押して閉じることもできません。トップページのソースコードを見ると次のようになってあります。 ーーーーーーーーーーーーーーーーーーーーーーーー <body id="page_homepage" class="front_page"> ▼<div id="wrapper"> ▶︎<header id="header">...</header> ▶︎<div id="contents" class="theme_main_only"><div> ▶︎<footer id="footer">...</footer> </div> ▶︎<div id="drawer" class="drawer sp">...</div> <div class="overlay"></div> </body> 上のコードをchromeのDevToolsから ▶︎<div id="drawer" class="drawer sp">...</div>を ▶︎<div id="contents" class="theme_main_only"><div>下に移動するとハンバーガーメニューが正しく表示します。 下のように実のコードを修正するにはどこのファイルを修正すればいいがわからないですね。 方法をご教授いただけないでしょうか? どうぞ宜しくお願い申し上げます。 <body id="page_homepage" class="front_page"> ▼<div id="wrapper"> ▶︎<header id="header">...</header> ▶︎<div id="contents" class="theme_main_only"><div> ▶︎<div id="drawer" class="drawer sp">...</div> ▶︎<footer id="footer">...</footer> </div> <div class="overlay"></div> </body> |
tsuji |
投稿日時: 2021/2/10 17:25
対応状況: −−−
|
仙人 登録日: 2013/11/19 居住地: 投稿: 958 |
Re: スマホの画面でハンバーガーメニューエラー novarod2 様
内容からすると以下のファイルが対象の修正ファイルかと思いますが、デフォのテンプレートでほとんどほかをいじっていないというのであれば、他に原因(例えば、divタグの閉じ忘れなど)があるのではと思っています。 \src\Eccube\Resource\template\default\default_frame.twig 例えば、トップページで#headerにある「カテゴリ」だけ残し、 後のブロックを外して、 トップページの{% block main %}{% endblock %}の中身コメントアウトする({# #}で囲む)か どこかにバックアップをとって消してもうまく動作するなら、 ほかが原因していると思います。 うまく動作するなら一つずつもとに戻しておかしくなるものに当たればそれが、原因していると判断できます。 ご参考になれば幸いです。
|
novarod2 |
投稿日時: 2021/2/12 18:12
対応状況: −−−
|
新米 登録日: 2019/11/5 居住地: 投稿: 9 |
Re: スマホの画面でハンバーガーメニューエラー コメントありがとうございます。
\src\Eccube\Resource\template\default\default_frame.twig 私もこのファイルだと思いましたが、コードを確認して修正してみましたが、変わらないですね。 もし、他の部分で問題の場合何が教えていただいませんか? |
tsuji |
投稿日時: 2021/2/15 10:33
対応状況: −−−
|
仙人 登録日: 2013/11/19 居住地: 投稿: 958 |
Re: スマホの画面でハンバーガーメニューエラー novarod2 様
変更後のキャッシュクリアやapp/template/default配下にdefault_frame.twigの有無を確認されていますか? twigファイルは変更後にキャッシュクリアすると反映されます。 また、default_frame.twigの変更が反映されているのは確認されることもおすすめします。 例えば、<title>タグの中に意図的に別文字をいれてそれが反映されているなど app/template/default配下にdefault_frame.twigを置くとそちらが読み込まれますので、そこにファイルがないかもチェックされるのも良いかと思います。 これらが正しい状態であれば、後はプラグインやブロックの影響を探っていくことになるかと思います。
|
novarod2 |
投稿日時: 2021/2/15 15:11
対応状況: −−−
|
新米 登録日: 2019/11/5 居住地: 投稿: 9 |
Re: スマホの画面でハンバーガーメニューエラー app/template/default下にdefault_frame.twigはないですが、
app/template/defaultのファイル名をdefault2にするとトップページの内容がec-cube3のdefaultレイアウトになります。 |
tsuji |
投稿日時: 2021/2/16 9:38
対応状況: −−−
|
仙人 登録日: 2013/11/19 居住地: 投稿: 958 |
Re: スマホの画面でハンバーガーメニューエラー novarod2 様
新しい情報ありがとうございます。 テンプレートが複数あるでしょうか? ※ 管理画面のオーナーズストア>テンプレート>テンプレート一覧 画面から確認いただけます。 もしそうでしたら、選択されているテンプレートの保存先を修正する必要があります。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |