バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > モバイル版表示の際にメニュー、およびカート以降ページが非表示

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
EnPlats
投稿日時: 2020/9/1 18:11
対応状況: −−−
新米
登録日: 2020/9/1
居住地:
投稿: 4
モバイル版表示の際にメニュー、およびカート以降ページが非表示
[EC-CUBE] 3.0.11 を採用しているのですが、モバイル版・パッド版表示の際に"メニュー"および、"カートに入れる"後のページが表示されません。

解決方法を教えて頂けたら嬉しいです
宜しくお願いいたします。

468
投稿日時: 2020/9/3 11:55
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 2597
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示
右側から飛び出てくるハンバーガーメニューの中身が表示されないという事でしょうか?

デフォルトでは<div id="drawer" class="drawer sp"></div>が該当の箇所になるかと思いますが
class属性のdrawerを削除されていたりしていませんか?

もしくはspの中にメニューをコピーするjavascriptを削除されていたりしていませんか?
以下のような記述です。
$('#drawer').append($('.drawer_block').clone(true).children());


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

EnPlats
投稿日時: 2020/9/3 17:06
対応状況: 確認中
新米
登録日: 2020/9/1
居住地:
投稿: 4
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
居住地:
投稿: 4
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
居住地:
投稿: 2597
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示
$('#drawer').append($('.drawer_block').clone(true).children());
の記述はデフォルトのデザインテンプレートを利用されているのであれば

/src/Eccube/Resource/template/default/default_frame.twigの172行目付近に記述されていると思います。

同時に起きている現象については原因がハッキリ言って分かりません。
デザイン周りの変更作業等を行っていないのに勝手に現象が発生し始めたという事ですか?


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

EnPlats
投稿日時: 2020/9/4 21:16
対応状況: −−−
新米
登録日: 2020/9/1
居住地:
投稿: 4
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示
8さま

こんばんは。
ご返信をありがとうございます :)

デザイン周りの変更作業を行っていないのです。。。
勝手に現象が発生し始め、何が原因なのかはっきり分かりません。

インストールし直すか、バージョンアップの良い機会なのかもしれません。
468
投稿日時: 2020/9/5 11:03
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 2597
Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示
通常、サーバ上のプログラムに変更を加えない限り、そのような現象が勝手に発生し始めるという事はないと思います。
一応、複数の端末から確認しても同じような結果になるという事でしょうか?
(もしかしたらPC側に原因がある可能性もある為)

あと、サーバ上のファイルが心当たりの無い日時で更新されているという事はありませんか?
脅かすような事を言うつもりはありませんが、最悪第3者がサーバにアクセスして勝手に書き換えているという可能性もあるかもしれません。
(その場合は専門業者による調査が必要になってくるかもしれませんが...)

もし、本番稼働しているショップであれば、早急に原因をハッキリとさせた方が良いかと思います。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

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


 



ログイン


EC-CUBEペイメント

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

統計情報

総メンバー数は65,915名です
総投稿数は98,047件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2597
4
nanasess
2101
5
umebius
1717
6
yuh
1612
7
red
1422
8
h_tanaka
1038
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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