Модуль Модуль Advanced Search 4

Столкнулся с проблемой, что при размерах окна между Mobile и Desktop не отображаются поля фильтров. При этом секции elementoreditor отрабатывают mobile, tablet и desktop версии правильно, а у этого похоже tablet не учитывается вообще. Iphone повораыивается горизонтально и фильтры пропадают.

В Mobile размере есть мобильная версия, в десктоп есть полная версия, а в промежутке пусто

На странице блок имеет вид <div id="PM_ASBlockOutput_1" class="PM_ASBlockOutput PM_ASBlockOutputHorizontal PM_ASMobileMode" data-id-search="1">

Где в зависимости от размера добавляется или убирается класс PM_ASMobileMode
Код отвечающий за это:

initMobileStyles: function(idSearch) {
if (typeof(prestashop) == 'object' && prestashop.responsive.mobile == true) {
$('.PM_ASBlockOutput').addClass('PM_ASMobileMode');
if (!isNaN(idSearch)) {
$('#PM_ASBlockOutput_' + idSearch).addClass('PM_ASMobileVisible');
}
} else if (typeof(prestashop) == 'object' && prestashop.responsive.mobile == false) {
$('.PM_ASBlockOutput').removeClass('PM_ASMobileMode');
}
},

Тема warehouse 4.1.7, AS 4.1.2
Потестите меняя размеры окна, у кого как.
Куда копать?
Может в 4.12.4 поправили, поделитесь кто может, а?
 
Последнее редактирование:
Версия модуля 4.10.19 - подскажите, нужно упорядочить товары по наличию и по цене, одновременно, как это реализовать?
спасибо
 
pinskiy1700 написал(а):
Версия модуля 4.10.19 - подскажите, нужно упорядочить товары по наличию и по цене, одновременно, как это реализовать?
спасибо
Нажмите для раскрытия...
думаю что с этим справится последовательный фильтр
 
Как фильтрацию вывести в начало на мобильной версии? Сейчас она ближе к футеру, низ страницы.
 
croizet написал(а):
Как фильтрацию вывести в начало на мобильной версии? Сейчас она ближе к футеру, низ страницы.
Нажмите для раскрытия...
Я убрал ее из левой панели и вставил в displayCategoryElementor, теперь отображается только в категориях как и нунжно
 
_sashok написал(а):
эффективнее будет предложить посетителю сайта перейти на этот блок кнопкой
Посмотреть вложение 95936

пример
Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
Вот хорошая тема.
Как свернуть фильтры на мобильной версии. Если использовать то что в настройке движка фильтра, то свернутое получается везде, и на компе и на мобиле
 
Для просмотра ссылки Войди или Зарегистрируйся вот на мобльной как сделала, скрываешь, display:none, клик на кнопку и меняется на display:block;
Код: 
function accordion(status)
{
    if (status == 'enable')
    {
        var accordion_selector = '#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4,' +
                '#left_column .shopping_cart > a:first-child, #right_column .shopping_cart > a:first-child';

        $(accordion_selector).on('click', function (e) {
            $(this).toggleClass('active').parent().find('.block_content').stop().slideToggle('medium');
        });
        $('#right_column, #left_column').addClass('accordion').find('.block .block_content').slideUp('fast');
        if (typeof (ajaxCart) !== 'undefined')
            ajaxCart.collapse();
    } else
    {
        $('#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4').removeClass('active').off().parent().find('.block_content').removeAttr('style').slideDown('fast');
        $('#left_column, #right_column').removeClass('accordion');
    }
}
Код по-моему даже не меняла, есь готовый в global.js только классы правильно прописать, если ещё нет , ну и медиазапросы при необходимости использовать

Ещё понравилось как на amazzing filter мобильная версия сделана Для просмотра ссылки Войди или Зарегистрируйся здесь можно посмотреть, только если в браузере смотреть, то страницу надо перезагрузить в мобильном варианте.
 
Последнее редактирование модератором:
Belena27089 написал(а):
Для просмотра ссылки Войди или Зарегистрируйся вот на мобльной как сделала, скрываешь, display:none, клик на кнопку и меняется на display:block;
Код: 
function accordion(status)
{
    if (status == 'enable')
    {
        var accordion_selector = '#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4,' +
                '#left_column .shopping_cart > a:first-child, #right_column .shopping_cart > a:first-child';

        $(accordion_selector).on('click', function (e) {
            $(this).toggleClass('active').parent().find('.block_content').stop().slideToggle('medium');
        });
        $('#right_column, #left_column').addClass('accordion').find('.block .block_content').slideUp('fast');
        if (typeof (ajaxCart) !== 'undefined')
            ajaxCart.collapse();
    } else
    {
        $('#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4').removeClass('active').off().parent().find('.block_content').removeAttr('style').slideDown('fast');
        $('#left_column, #right_column').removeClass('accordion');
    }
}
Код по-моему даже не меняла, есь готовый в global.js только классы правильно прописать, если ещё нет , ну и медиазапросы при необходимости использовать
Нажмите для раскрытия...
Да, вот такое решение ищу. Расскажи пожалуйста поподробнее где и что подправить
 
Код: 
var accordion_selector = '#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4,' +
                '#left_column .shopping_cart > a:first-child, #right_column .shopping_cart > a:first-child';
здесь нужен класс или id - кнопки на которой click будет срабатывать, а здесь
Код: 
 $(accordion_selector).on('click', function (e) {
            $(this).toggleClass('active').parent().find('.block_content').stop().slideToggle('medium');
        });
        $('#right_column, #left_column').addClass('accordion').find('.block .block_content').slideUp('fast');
        if (typeof (ajaxCart) !== 'undefined')
            ajaxCart.collapse();
    } else
в данном случае .block .block_content класс скрываемого блока, по ссылке на сайт можете в девелопер тулз во вкладке elements посмотреть как работает код
кликают по #left_column .block .title_block добавляется класс active , block_content становится display:block; поищите у вас в global.js этот код, посмотрите там какие классы прописаны, можно их добавить в код фильтра, можно свои в скрипт прописать.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху