Как убрать дубликаты родительских пунктов в боковом меню Есть решение

Александр
25 марта 2016
1

Тема дизайна - Формула Успеха

Боковое меню открывается вниз.
При открытии, основная категория дублируется дважды. Например, она называется "Hunting".
При нажатии, она открывается и ниже ее видим ее дубликат.

В верхнем меню эта функция легко настраивается с помощью галочки.
Установили галочку в настройках витрины - есть дубликаты категорий. Убрали галочку - нет дубликатов.

Для бокового меню такой настройки я не нашел. Она есть?

Итак, вопрос : как убрать эти дубликаты родительской категории в боковом меню?

2 ответа
  • Владимир Сергеев
    Разработчик
    Решение
    25 марта 2016 11:59

    Дубликаты будут убраны, если вы переключите боковое меню в режим выпадения в сторону, а не вниз как у вас сейчас.

    Это сделано потому, что категория при выпадении вниз открывается по клику (и у юзера не возможности открыть её - он может открыть только её дочерние категории), а при боковом выпадении меню открывается по наведению на категорию.

    У клика есть только одно событие: либо переход по ссылке, либо раскрытие подпунктов меню.
    Если сделать раскрытие меню вниз при наведении, то там начнётся жуткий треш, когда пользователь начнёт водить мышкой по меню. Всё будет прыгать и раздражать.

    Поэтому первая ссылка раскрывает подменю, а вторая ведёт в категорию.

    От дубликатов (ссылок в родительскую категорию) целесообразно избавляться в том случае, если у вас в родительской категории не будет ни одного товара.

    Но есть один недостаток – это хлебные крошки.
    В хлебных крошках будет отображаться эта родительская категория и если пользователь туда перейдёт, то он увидит пустую категорию без товаров.

    Если это неприемлемо, то можно в главные категории добавить изображения подкатегорий при помощи плагина картинки для категорий.
    (Эти же картинки будут тогда ещё отображаться в меню, только нужно включить опцию в настройках темы.)

    В теме есть специальный дополнительный параметр, который (если его добавить) будет выводить картинки категорий точно таким же образом как и товары.
    В настройках темы есть шпаргалка по всем доп. параметрам, используемым в теме.

    Теперь вы знаете всё почему и чем грозит.
    И если вам всё таки необходимо убрать дубликаты, то следуйте этой инструкции:

    • Откройте приложение сайт - дизайн - ФУ - шаблоны - файл options.site.script.html
    • В нём найдите строку:
          }
      {/if}
      {* / Убирать дубликаты родительских пунктов в горизонтально ориентированых меню, 
      	на устройствах без touch *} 
    • И перед первой фигурной скобкой вставьте следующий код:
      $('.dropdown-down-onclick:not(.dropdown-plugins) > a.dropdown-toggle').each(function() {
      	var ddMenu = $(this).siblings('.dropdown-menu');
      	ddMenu.find('.dropdown-header, .divider').hide();
      });
    • Владимир Сергеев
      Разработчик
      Решение
      25 марта 2016 12:01

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

      И ещё, на мобильных устройствах дубликаты останутся..

    • Якубов Андрей
      16 января 2017 17:51

      Так получается только раскрытие меню (если есть подменю) или переход для последних (в иеархии) подразделов.
      А сделать, что бы и был переход по ссылке и раскрывались подпункты меню ?

      • Владимир Сергеев
        Разработчик
        Решение
        17 января 2017 17:06

        В данной теме это проблематично.
        У одного элемента может быть только одно событие: либо переход, либо раскрытие.
        Чтобы разделить события, нужно добавлять элементы.

        Здесь это проблематично сделать – очень много когда нужно переписывать. =(

  • Александр
    Решение
    25 марта 2016 13:59

    Класс! Спасибо! Все работает так, как я хотел!

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

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