バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

その他

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tsuji
投稿日時: 2021/2/16 9:38
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 936
Re: スマホの画面でハンバーガーメニューエラー
novarod2 様

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

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

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


----------------
****************************************
株式会社システムフレンド
辻 拓也(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/15 10:33
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 936
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/12 18:12
対応状況: −−−
新米
登録日: 2019/11/5
居住地:
投稿: 9
Re: スマホの画面でハンバーガーメニューエラー
コメントありがとうございます。

\src\Eccube\Resource\template\default\default_frame.twig
私もこのファイルだと思いましたが、コードを確認して修正してみましたが、変わらないですね。

もし、他の部分で問題の場合何が教えていただいませんか?
tsuji
投稿日時: 2021/2/10 17:25
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 936
Re: スマホの画面でハンバーガーメニューエラー
novarod2 様

内容からすると以下のファイルが対象の修正ファイルかと思いますが、デフォのテンプレートでほとんどほかをいじっていないというのであれば、他に原因(例えば、divタグの閉じ忘れなど)があるのではと思っています。
\src\Eccube\Resource\template\default\default_frame.twig


例えば、トップページで#headerにある「カテゴリ」だけ残し、
後のブロックを外して、
トップページの{% block main %}{% endblock %}の中身コメントアウトする({# #}で囲む)か
どこかにバックアップをとって消してもうまく動作するなら、
ほかが原因していると思います。

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


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


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

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>
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は72,226名です
総投稿数は101,643件です

投稿数ランキング

1
seasoft
7333
2
468
3034
3
AMUAMU
2712
4
nanasess
2156
5
umebius
2011
6
yuh
1612
7
red
1452
8
h_tanaka
1086
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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