Включить мегаменю для мобильных



1. Как мне включить мегаменю для мобильных (sx и sm) ?
(в настройках стоит 1-ый пункт "wa->apps()")

2. Выключить сайдбар для sx и sm ?

1 ответ
  • Владимир Сергеев
    Разработчик
    Решение
    31 августа 2018 22:25

    1. Андрей, поясните как должно работать мега-меню на мобильных устройствах? 
    Я себе это слабо представляю. =)

    В "Формуле" нет префикса у классов sx. Есть md – десктопы, sm - планшеты, и xs мобильные.


    2. Что касается сайдбара – тема старая, это довольно проблематично сделать. 
    Одна из причин, что там находятся фильтры. 

    • Якубов Андрей
      1 сентября 2018 09:04

      1. Андрей, поясните как должно работать мега-меню на мобильных устройствах? Я себе это слабо представляю. =)

      В в главном меню появляется кнопка "Товары" - при нажатии появляется МегаМеню

      В "Формуле" нет префикса у классов sx. Есть md – десктопы, sm - планшеты, и xs мобильные.

      это описка, я ошибся, конечно sx

      -----------------------------------------------------------------------------------------------------

      2. Что касается сайдбара – тема старая, это довольно проблематично сделать. Одна из причин, что там находятся фильтры.

      Фильтры, каталог и всё другое что находится в сайдбаре для sm в моем случае можно не выводить, достаточно удобного мегаменю с каталогом товаров.
      В случае xs - все равно туда, вниз, где каталог товаров и другие блоки сайдбара - никто из посетителей не добирается.

      ------------------------------------------------------------

      p.s. выводить одновременно сайдбар с каталогом товаров и МегаМеню не вариант - очень уменьшается скорость загрузки страничек сайта (считай 2 раза выводится меню каталога товаров)

      • Владимир Сергеев
        Разработчик
        Решение
        5 сентября 2018 13:25

        Андрей, мега-меню – это фича для десктопов. 
        На узких экранах для мега-меню слишком мало места. 

        На счёт сайдбара.
        В файле sidebar.holder.html в строке

        {/if}">

        после {/if} но перед ковычками поставьте пробел, затем класс скрывающий на определённой ширине блок.
        hidden-xs или/и hidden-sm и/или hidden-md

        А в файле main.html замените  

        col-md-9 col-sm-8

        на col-xs-12 и/или col-sm-12 и/или col-md-12

        Кажется так. 
        Я уже начал забывать архитектуру этой темы. 

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

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