[Помогите] Свернуть выпадающее меню по умолчанию в моб. версии.

Тема в разделе "OpenCart", создана пользователем Wmasteru1201, 19 авг 2017.

  1. Wmasteru1201

    Wmasteru1201

    Регистрация:
    23 фев 2013
    Сообщения:
    19
    Симпатии:
    1
    Всем привет. Есть шаблон(бесплатный, можно скачать): https://www.templatemonster.com/ru/free-templates/opencart-mobile-shop.html
    Демо: http://livedemo00.template-help.com/opencart_54714/

    Помогите сделать так, чтобы в мобильной версии выпадающее меню(categories) было изначально свернутым.
    Там, судя по всему, нужно изменить одно значение, но не понимаю какое и на какое)
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    ищи идишник menu-icon в скриптах и поменяч по дефолту - с show на hide.
     
    Wmasteru1201 нравится это.
  3. Wmasteru1201

    Wmasteru1201

    Регистрация:
    23 фев 2013
    Сообщения:
    19
    Симпатии:
    1
    Спасибо, нашел кусок кода, но там нет ни show ни hide. Ничего в этом не понимаю, нужна ваша помощь)
    Код:
    /***********CATEGORY DROP DOWN****************/
        $("#menu-icon").on("click", function () {
            $("#menu-gadget .menu").slideToggle();
            $(this).toggleClass("active");
        });
    
        $('#menu-gadget .menu').find('li>ul').before('<i class="fa fa-angle-down"></i>');
        $('#menu-gadget .menu li i').on("click", function () {
            if ($(this).hasClass('fa-angle-up')) {
                $(this).removeClass('fa-angle-up').parent('li').find('> ul').slideToggle();
            }
            else {
                $(this).addClass('fa-angle-up').parent('li').find('> ul').slideToggle();
            }
        });
        if ($('.breadcrumb').length) {
            var o = $('.breadcrumb li:last-child');
            var str = o.find('a').html();
            o.find('a').css('display', 'none');
            o.append('<span>' + str + '</span>');
        }
        
        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        
        if ($('aside').length) {
            var leftColumn = $('aside');
        } else {
            return false;
        }
        
        if (width > 767) {
            
            if (!flag) {
                flag = true;
                leftColumn.insertBefore('#content');
                $('.col-sm-3 .box-heading').unbind("click");
    
                $('.col-sm-3 .box-content').each(function () {
                    if ($(this).is(":hidden")) {
                        $(this).slideToggle();
                    }
                })
            }
        } else {
            if (flag) {
                flag = false;
                leftColumn.insertAfter('#content');
                
                $('.col-sm-3 .box-content').each(function () {
                    if (!$(this).is(":hidden")) {
                        $(this).parent().find('.box-heading').addClass('active');
                    }
                });
    
                $('.col-sm-3 .box-heading').bind("click", function () {
                    if ($(this).hasClass('active')) {
                        $(this).removeClass('active').parent().find('.box-content').slideToggle();
                    }
                    else {
                        $(this).addClass('active');
                        $(this).parent().find('.box-content').slideToggle();
                    }
                })
            }
        }
    
    });
    
    var flag = true;
    
    function respResize() {
        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    
        if ($('aside').length) {
            var leftColumn = $('aside');
        } else {
            return false;
        }
    
    
        if (width > 767) {
            if (!flag) {
                flag = true;
                leftColumn.insertBefore('#content');
                $('.col-sm-3 .box-heading').unbind("click");
    
                $('.col-sm-3 .box-content').each(function () {
                    if ($(this).is(":hidden")) {
                        $(this).slideToggle();
                    }
                })
            }
        } else {
            if (flag) {
                flag = false;
                leftColumn.insertAfter('#content');
    
                $('.col-sm-3 .box-content').each(function () {
                    if (!$(this).is(":hidden")) {
                        $(this).parent().find('.box-heading').addClass('active');
                    }
                });
    
                $('.col-sm-3 .box-heading').bind("click", function () {
                    if ($(this).hasClass('active')) {
                        $(this).removeClass('active').parent().find('.box-content').slideToggle();
                    }
                    else {
                        $(this).addClass('active');
                        $(this).parent().find('.box-content').slideToggle();
                    }
                })
            }
        }
    }
     
  4. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    a так там вобще сделано просто
    тогда еще легче
    добавь в цсс (только для мобильных устройств)
    .menu-gadget .menu { display: none;}
     
    Wmasteru1201 нравится это.
  5. Wmasteru1201

    Wmasteru1201

    Регистрация:
    23 фев 2013
    Сообщения:
    19
    Симпатии:
    1
    Спасибо, все получилось)