Фильтр в мобильной версии с помощью кнопки "подбор по параметрам" Принято


Когда фильтр в сайдбаре слева, то в мобильной версии он открывается только при нажатии на гамбургер в меню 

Как сделать кнопку, иначе не понятно как фильтровать в мобильной версии

2 ответа
  • Сергеев Владимир
    Разработчик
    4 сентября 2020 16:56

    Здравствуйте, Александр! 

    Вам нужно, чтобы в настольной версии фильтры были обязательно в общем сайдбаре?
    Можно же настроить чтобы фильтры открывались в своём сайдбаре, тогда появится отдельная кнопочка. 

    Хотя... идея с кнопкой общего сайдбара на мобильных хороша. 
    Добавлю в обновление. 

    А вы пока можете добавить вручную.
    Откройте файл filters.html (шаблоны темы для приложения Магазин).
    Найдите в этом файле строку 

    {elseif $cats_filters_mode == 'sidebar'}

    И сразу после неё добавьте код:

    {$sidebar_offcanvas_category = $theme_settings.sidebar_offcanvas_category}
    {if isset($smarty.cookies.sidebar_offcanvas_category)}
        {$sidebar_offcanvas_category = $smarty.cookies.sidebar_offcanvas_category}
    {/if}
    
    {if !empty($category.params.sidebar_offcanvas)}
        {$sidebar_offcanvas_category = $category.params.sidebar_offcanvas}
    {/if}
    {if $sidebar_offcanvas_category == 'xs'}
        {$button_visibility_class = 'uk-hidden@s'}
    {elseif $sidebar_offcanvas_category == 's'}
        {$button_visibility_class = 'uk-hidden@m'}
    {elseif $sidebar_offcanvas_category == 'm'}
        {$button_visibility_class = ''}
    {/if}
    
    <div class="{$theme_settings.cats_filters_button}{if !empty($theme_settings.cats_filters_button)} uk-button-small{/if} mr-5 mb-5 filter-button {$button_visibility_class}" onclick="$('.offcanvas-custom-toggle').trigger('click');">
        [`Filter Features`]
        <i class="fa fa-filter ratio1x ml-5"></i>
    </div>

    • Александр
      28 октября 2020 13:30

      А что делать , если при нажатии на кнопку меню "гамбургер., на мобильной версии открывается в сайдбаре фильтр? а нужно только каталог 

      • Сергеев Владимир
        Разработчик
        28 октября 2020 15:07

        Вам нужно переключить отображение фильтров на "В выезжающем сайдбаре". 
        Сейчас у вас "В общем сайдбаре".

    • Александр
      30 октября 2020 06:08

      Я как понял, этот код добавляет кнопку "подобрать по параметрам" и она скрыта на мониторах больше 640. А проблему скрытия фильтра в сайдбаре-меню она не решает, так как сайд бар меню и сайдбар-фильтр, который выезжает при нажатии на кнопку "подобрать по параметрам: одно и тоже. 

      Если это так , то может фильтр вообще сделать отдельным сайд баром ,и тогда он не будет зависеть от сайдара-меню.

      • Сергеев Владимир
        Разработчик
        2 ноября 2020 18:59

        Изначально (в исходном коде темы) было предусмотрено несколько вариантов фильтров, включая, что фильтры "живут" в отдельном сайдбаре (так было настроено по умолчанию после установки темы), а также что фильтры "живут" в общем сайдбаре вместе со всеми другими данными, которые выводятся в общем сайдабаре.

        Я не знаю какие именно вы вносили изменения в тему, поэтому не могу далее комментировать функционал вашей копии темы. 
        Если сбросить настройки темы (и потерять все правки), то фильтры будут "жить" в отдельном сайдбаре. 

    • Александр
      30 октября 2020 07:24

      Или может для кнопки - гамбргер-меню поставить задачу :  при условии "фильтр в общем сайдбаре" . включать сайдбар без фильтра

  • Александр
    28 октября 2020 15:44

    У меня тогда кнопка появляется, а фильтр исчезает http://joxi.ru/vAWp60MUOB35jr

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!