バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

その他

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
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();
});
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   モバイル版表示の際にメニュー、およびカート以降ページが非表示 EnPlats 2020/9/1 18:11
     Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 468 2020/9/3 11:55
       Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 EnPlats 2020/9/3 17:06
       » Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 EnPlats 2020/9/3 18:49
           Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 468 2020/9/4 11:31
             Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 EnPlats 2020/9/4 21:16
               Re: モバイル版表示の際にメニュー、およびカート以降ページが非表示 468 2020/9/5 11:03

 



ログイン


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

統計情報

総メンバー数は88,902名です
総投稿数は110,006件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.