Развернутые подменю Есть решение


Здравствуйте!

Подскажите, возможно ли в вашем шаблоне proStore сделать левый сайдбар с уже открытыми подменю, чуть смещенными в сторону.
Необходимо так отобразить 2 подменю.

Меню 1
---Подменю 2
------Подменю 3

Спасибо!

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

    Здравствуйте, Павел!
    Да, такое возможно! =) Это одна из скрытых возможностей темы (я ещё не успел её задокументировать).

    Меню можно раскрыть через дополнительные параметры.

    Я не понял что именно вы хотите раскрыть в меню – страницы или категории товаров.
    Если страницы, то добавьте родительской страницы, которая содержит подстраницы, которые должны быть в меню раскрыты доп. параметр.

    side_open=1

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

    side_open=1

    Данный доп. параметр действует только на одну страницу/категорию. Если вам нужно раскрыть подменю ещё одной страницы или подкатегории, то ей тоже нужно добавить этот доп. параметр. Вне зависимости рядом эта страница или подкатегория товара, или вложена вглубь.

    Как именно и куда именно добавлять доп. параметры написано в этой инструкции.

  • Pavel
    Решение
    28 мая 2017 08:51

    Спасибо! Думаю то, что нужно!)

  • тагир
    Решение
    14 июня 2017 13:00

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

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

      Добавьте в блок prostroe.user_css следующий код:

      .sidebar .navbar-nav > li.pro_open_li {
        background: #F5F5F5;
      }

      #F5F5F5 потом замените на свой цветовой код.
      Подобрать цвет можно здесь.

      • Pavel
        Решение
        2 июля 2017 14:04

        Здравствуйте, Владимир!
        Очень полезный момент, спасибо!
        Подскажите, пожалуйста, как сделать разные свойства для раскрытых меню разного подуровня.

        Например :
        --- Легковые машины
        ------ Renault
        --------- Logan

        Для Легковых - одни свойства, для Renault - другие, для Logan-а третьи...

        Думаю это надо делать через ":nth-child" ???

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

          Если вы про разные CSS свойства. Например, цвет или фон шрифта, то да – подойдёт :nth-child.
          Только лучше использовать не nth-child, a nth-of-type – это более современный и универсальный псевдо-класс.

          Код нужно добавлять в блок prostore.user_css

          Пример кода:

          .nav_holder ul li:nth-of-type(3) ul li:nth-of-type(1) a
            color:red;
          }

          Расшифровка: взять блок с классом nav_holder. В списке найти третий по счёту элемент li, в нём найти ul и внутри него найти первый по счёту li и всем ссылкам внутри этого li поменять цвет на красный. =)

          Только учтите, что данный код относится ко всем нав-холедерам.
          Меню страниц тоже находится в нав-холдере, поэтому на него данный код тоже сработает.

          Чтобы различать эти меню, нужно открыть в теме для приложения сайт файл sidebar.nav.shop.products.html
          В этом файле найти nav-holder и добавить ему ещё один класс, например user-menu-products.

          <div class="nav_holder user-menu-products margin-top40">

          Тогда css код можно уже будет применить только к этому меню, а не ко всем, которые лежат в нав-холдерах:

          .nav_holder.user-menu-products ul li:nth-of-type(3) ul li:nth-of-type(1) a
            color:red;
          }
          • Pavel
            Решение
            2 июля 2017 17:08

            Спасибо!
            Буду разбираться)

          • Pavel
            Решение
            4 июля 2017 21:13

            Запутался)
            А можно пример, где все списки первого и второго уровня красные, а остальные - обычные) Спасибо)

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

              Если для всех первого и второго уровня, а не по выборке, как вы спрашивали ранее, то нужен немного другой код:

              .nav_holder nav > ul > li > a, 
              .nav_holder nav > ul > li > ul > li > a {
                color:red !important;
              }
  • тагир
    Решение
    16 июня 2017 08:59

    а можно цвет шрифта изменить ?

  • Кристина
    Решение
    25 августа 2017 17:01

    Здравствуйте! Когда сайдбар находится слева, то подменю раскрывается нормально. Но у меня сайдбар расположен справа и подменю "уехало" не вниз , а влево ... Как исправить?


  • Кристина
    Решение
    25 августа 2017 17:04

  • Владимир Сергеев
    Разработчик
    Решение
    25 августа 2017 18:53

    Кристина, на вашем сайте починил.
    Тем, кто столкнётся с подобной проблемой, нужно в блок prostore.user_css внести следующий код:

    .desktop .sidepos_right .navbar-nav > .pro_open_li > .pro_open {
        margin-left: 0 !important;
    }

    Фикс внесу в после следующую 1.4.10 версию (т.к. следующая 1.4.9 на проверке).

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

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