質問 > その他 > モバイル版表示の際にメニュー、およびカート以降ページが非表示 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
EnPlats |
投稿日時: 2020/9/1 18:11
対応状況: −−−
|
新米 登録日: 2020/9/1 居住地: 投稿: 5 |
モバイル版表示の際にメニュー、およびカート以降ページが非表示 [EC-CUBE] 3.0.11 を採用しているのですが、モバイル版・パッド版表示の際に"メニュー"および、"カートに入れる"後のページが表示されません。
解決方法を教えて頂けたら嬉しいです 宜しくお願いいたします。 |
468 |
投稿日時: 2020/9/3 11:55
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 右側から飛び出てくるハンバーガーメニューの中身が表示されないという事でしょうか?
デフォルトでは<div id="drawer" class="drawer sp"></div>が該当の箇所になるかと思いますが class属性のdrawerを削除されていたりしていませんか? もしくはspの中にメニューをコピーするjavascriptを削除されていたりしていませんか? 以下のような記述です。
|
EnPlats |
投稿日時: 2020/9/3 17:06
対応状況: 確認中
|
新米 登録日: 2020/9/1 居住地: 投稿: 5 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 こんばんは :)
ご返信をありがとうございます。 そうなのです。「=」をクリックすると何も表示がされません。 下記のアドバイス、ありがとうございます。 確認して見ます。 ================================ デフォルトでは<div id="drawer" class="drawer sp"></div>が該当の箇所になるかと思いますが class属性のdrawerを削除されていたりしていませんか? もしくはspの中にメニューをコピーするjavascriptを削除されていたりしていませんか? 以下のような記述です。 $('#drawer').append($('.drawer_block').clone(true).children()); ================================ 別の問題の症状として、発生している件は、 ・カートへ商品を入れるとカートの中身の表示はされます。 ・「カートへ進む」をクリックし/cartへ移動することができます。 ・ショップングカート ①カートの商品〜④完了までの表示と、あと「」のお買い上げで送料無料になります・・・などの表示があります。がそれ以下が消えている状況です。 上記の不具合は、モバイル版だけでなく、昨日よりPC版でも発生しています。 アドバイス、また対処法を教えて頂けますと嬉しいです。 |
EnPlats |
投稿日時: 2020/9/3 18:49
対応状況: −−−
|
新米 登録日: 2020/9/1 居住地: 投稿: 5 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 こんばんは。
default/html/js/function.js 内で以下の様だったのですが、 ご意見くださいました内容は見つけられませんでした。 どの位置に配置するべきでしょうか? 教えてくださると有り難いです :) ================================ デフォルトでは<div id="drawer" class="drawer sp"></div>が該当の箇所になるかと思いますが class属性のdrawerを削除されていたりしていませんか? もしくはspの中にメニューをコピーするjavascriptを削除されていたりしていませんか? 以下のような記述です。 $('#drawer').append($('.drawer_block').clone(true).children()); ================================ /////////// Drawer menu $('.nav-trigger').on('click', function (event) { event.preventDefault(); if ($('.drawer-open #drawer').size() == 0) { $('.overlay').addClass('is-visible'); $('#wrapper').addClass('drawer-open'); } else { $('#wrapper').removeClass('drawer-open'); $('.overlay').removeClass('is-visible'); toggleCart('close') } return false; }); //open cart form $('.cart-trigger').on('click', function (event) { event.preventDefault(); toggleCart(); $('#wrapper').removeClass('drawer-open'); }); //close lateral menu on mobile $('.overlay').on('swiperight', function () { if ($('#wrapper').hasClass('drawer-open')) { $('#wrapper').removeClass('drawer-open'); $('.overlay').removeClass('is-visible'); } }); $('.overlay').on('click', function () { $('#wrapper').removeClass('drawer-open'); toggleCart('close') $('.overlay').removeClass('is-visible'); }); function toggleCart(type) { if (type == "close") { //close cart $('.cart').removeClass('is-visible'); $('.cart-trigger').removeClass('cart-is-visible'); $('.overlay').removeClass('cart-is-visible'); } else { //toggle cart visibility $('.cart').toggleClass('is-visible'); $('.cart-trigger').toggleClass('cart-is-visible'); $('.overlay').toggleClass('cart-is-visible'); ($('.cart').hasClass('is-visible')) ? $('.overlay').addClass('is-visible') : $('.overlay').removeClass('is-visible'); } } /////////// category accordion $("#category li .toggle").on('click', function () { var togglepanel = $(this).parent('a').next('ul'); if (togglepanel.css("display") == "none") { $(this).parent('a').addClass("active"); togglepanel.slideDown(300); } else { $(this).parent('a').removeClass("active"); togglepanel.slideUp(300); } return false; }); /////////// アコーディオン $(".accordion dl dt").on('click', function () { if ($(this).parent('dl').children('dd').css('display') == 'none') { $(this).addClass('active'); $(this).parent('dl').children('dd').slideDown(300); } else { $(this).removeClass('active'); $(this).parent('dl').children('dd').slideUp(300); } return false; }); /////////// スムーススクロール $('a.anchor').on('click', function () { var speed = 400;//スクロール速度 単位:ミリ秒 var href = $(this).attr("href"); var destination = $(href == "#" || href == "" ? 'html' : href); var position = destination.offset().top; $("html,body").animate({scrollTop: position}, speed, 'swing'); return false; }); /////////// dropdownの中をクリックしても閉じないようにする $(".dropdown-menu").click(function (e) { e.stopPropagation(); }); |
468 |
投稿日時: 2020/9/4 11:31
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 $('#drawer').append($('.drawer_block').clone(true).children());
の記述はデフォルトのデザインテンプレートを利用されているのであれば /src/Eccube/Resource/template/default/default_frame.twigの172行目付近に記述されていると思います。 同時に起きている現象については原因がハッキリ言って分かりません。 デザイン周りの変更作業等を行っていないのに勝手に現象が発生し始めたという事ですか?
|
EnPlats |
投稿日時: 2020/9/4 21:16
対応状況: −−−
|
新米 登録日: 2020/9/1 居住地: 投稿: 5 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 8さま
こんばんは。 ご返信をありがとうございます :) デザイン周りの変更作業を行っていないのです。。。 勝手に現象が発生し始め、何が原因なのかはっきり分かりません。 インストールし直すか、バージョンアップの良い機会なのかもしれません。 |
468 |
投稿日時: 2020/9/5 11:03
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 通常、サーバ上のプログラムに変更を加えない限り、そのような現象が勝手に発生し始めるという事はないと思います。
一応、複数の端末から確認しても同じような結果になるという事でしょうか? (もしかしたらPC側に原因がある可能性もある為) あと、サーバ上のファイルが心当たりの無い日時で更新されているという事はありませんか? 脅かすような事を言うつもりはありませんが、最悪第3者がサーバにアクセスして勝手に書き換えているという可能性もあるかもしれません。 (その場合は専門業者による調査が必要になってくるかもしれませんが...) もし、本番稼働しているショップであれば、早急に原因をハッキリとさせた方が良いかと思います。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |