Автор Тема: развернутый список категорий в мобильной версии сайта  (Прочитано 205 раз)

18 Сентябрь 2019, 11:37:49
  • Новичок
  • *
  • Сообщений: 20
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Ув. коллеги, (ver mod 1.6 )столкнулся с таким неудобством, когда захожу с мобильного, меню категорий товаров закрыто и обозначено +.
Это неудобно. В картинках аттачмента, как выглядит до на жатия на +. И после.
Как сделать, чтобы сразу отображалось развернутое дерево, как на второй картинке&
19 Сентябрь 2019, 14:46:42
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 1197
  • Репутация: +8/-1
  • Сообщество PrestaShop
    • Просмотр профиля
В файле blocktopmenu.js в функции mobileInit addClass('active') при загрузке страницы.
20 Сентябрь 2019, 12:42:03
Ответ #2
  • Новичок
  • *
  • Сообщений: 20
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В файле blocktopmenu.js в функции mobileInit addClass('active') при загрузке страницы.
Спасибо за наводку, уважаемый! Но я не силен в функциях джава скрипт.
Я нашел функцию, но не очень понимаю, где что дописать надо. Пробовал, но что-то не то делаю.
----------------------------
function mobileInit()
{

   categoryMenu.superfish('destroy');
   $('.sf-menu').removeAttr('style');

   mCategoryGrover.on('click', function(e){
      $(this).toggleClass('active').parent().find('ul.menu-content').stop().slideToggle('medium');
      return false;
   });

   $('.sf-menu > li > ul').addClass('menu-mobile clearfix').parent().prepend('<span class="menu-mobile-grover"></span>');

   $(".sf-menu .menu-mobile-grover").on('click', function(e){
      var catSubUl = $(this).next().next('.menu-mobile');
      if (catSubUl.is(':hidden'))
      {
         catSubUl.slideDown();
         $(this).addClass('active');
      }
      else
      {
         catSubUl.slideUp();
         $(this).removeClass('active');
      }
      return false;
   });


   $('#block_top_menu > ul:first > li > a').on('click', function(e){
      var parentOffset = $(this).prev().offset();
         var relX = parentOffset.left - e.pageX;
      if ($(this).parent('li').find('ul').length && relX >= 0 && relX <= 20)
      {
         e.preventDefault();
         var mobCatSubUl = $(this).next('.menu-mobile');
         var mobMenuGrover = $(this).prev();
         if (mobCatSubUl.is(':hidden'))
         {
            mobCatSubUl.slideDown();
            mobMenuGrover.addClass('active');
         }
         else
         {
            mobCatSubUl.slideUp();
            mobMenuGrover.removeClass('active');
         }
      }
   });
30 Сентябрь 2019, 13:24:24
Ответ #3
  • Новичок
  • *
  • Сообщений: 20
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Тема закрыта. Спасибо за подсказку Тигран!
Обратился к специалисту, он быстро забецал.