バージョン選択

フォーラム

メニュー

オンライン状況

79 人のユーザが現在オンラインです。 (71 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 79
もっと...

サイト内検索

質問 > その他 > スマホの画面でハンバーガーメニューエラー

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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 %}の中身コメントアウトする({# #}で囲む)か
どこかにバックアップをとって消してもうまく動作するなら、
ほかが原因していると思います。

うまく動作するなら一つずつもとに戻しておかしくなるものに当たればそれが、原因していると判断できます。


ご参考になれば幸いです。


----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

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を置くとそちらが読み込まれますので、そこにファイルがないかもチェックされるのも良いかと思います。


これらが正しい状態であれば、後はプラグインやブロックの影響を探っていくことになるかと思います。


----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

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 様

新しい情報ありがとうございます。

テンプレートが複数あるでしょうか?
※ 管理画面のオーナーズストア>テンプレート>テンプレート一覧 画面から確認いただけます。

もしそうでしたら、選択されているテンプレートの保存先を修正する必要があります。


----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,306名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.