Last update: February 28, 2017

Дерево категорий (боковая панель)

Размещение.

Древо категорий в боковой панели размещается в самом верху боковой панели (на странице категории товаров под фильтром).

Настройки

С помощью пункта "показывать дерево категорий в боковой панели"), можно включить / выключить отображение "дерева категорий" в боковой панели.

* данная настройка присутствует во каждом шаблоне темы (для всех приложений, для сайт - сайт-дизайн-оформление, для магазина - магазин-витрина-оформление и т.п.)

Тип отображения

Для "дерева категорий" в боковой панели, есть 3 типа отображения

1. список - последовательно выпадающий список дочерних категорий

2. блок - выпадающий блок содержащий структурированный список ссылок категорий 2-3 уровней

3. аккордеон - раздвигающийся блок содержащий дочерние ссылки категорий

* Для типа "блок", предусмотрена настройка "количество видимых подпунктов ...", позволяющая отобразить указанное кол-во ссылок 3-го уровня. Вместо остальных ссылок отображается одна "показать еще", при клике на которую, посетитель переходит на страницу ссылки 2-го уровня.


Was this article helpful? Yes No

Комментарии (24)

  • Как уменьшить высоту каждого пункта в боковой панели?

    Или другими словами - сжать дерево категорий по высоте?

    1
  • Колмаков Игорь Колмаков Игорь December 16, 2015 09:11 #

    В пользовательских стилях пропишите

    @media only screen and (min-width: 993px){
    .sidebar ul.base-menu > li > a {
    padding: 8px 15px;
    }
    .sidebar ul.base-menu li li a {
    padding: 8px 15px;
    white-space: normal;
    }
    }

    * первое значение (8px) это отступы по вертикали, второе - отступы по горизонтали

    * первое правило относится к родительской категории (1-й), 2-е правило ко всем остальным


    1
  • April 1, 2016 02:48 #

    "* Для типа "блок", предусмотрена настройка "количество видимых подпунктов ...", позволяющая отобразить указанное кол-во ссылок 3-го уровня. Вместо остальных ссылок отображается одна "показать еще", при клике на которую, посетитель переходит на страницу ссылки 2-го уровня."

    Как сделать для типа вывода "Блок", чтобы отображались только ссылки 2-го уровня, и не было видно ссылок 3-го уровня и надписей "показать еще"?

    1
    • Замените в файле links.categories.sidebar.html строку:

      {$tree = $wa->shop->categories(0, null, true)}

      строкой:

      {$tree = $wa->shop->categories(0, 2, true)}
      1
      • September 12, 2016 02:41 #

        В версии 1.2.0 отсутствует строка:

        {$tree = $wa->shop->categories(0, null, true)}

        как теперь нужно делать?

        1
        • Тирон Александр Тирон Александр September 12, 2016 11:42 #

          строку:

          {$menu = $at['shop']['categories']|default:[]}

          заменить строкой:

          {$menu = $wa->shop->categories(0, 2, true)}

          1
        • Александр, добрый день! Я установила плагин "Заказ на одной странице", как убрать боковую панель из корзины при оформлении заказа? http://z-nails.ru/

          1
          • В файле main.html перед строкой:

            strpos($wa->currentUrl(), '/my/') === false &&

            добавьте строку:

            strpos($wa->currentUrl(), '/onestep/') === false &&
            1
          • Руслан Бегишев Руслан Бегишев June 11, 2016 17:40 #

            Добрый день.

            В типа вывода "Блок" как убрать показ 3-го уровня категорий в боковом и горизонтальном меню только в определенных категориях?

            1
          • Руслан Бегишев Руслан Бегишев June 13, 2016 12:19 #

            Все равное они отображаются

            1
            • Инструкция подходит для версии темы оформления 1.2.0

              http://wm-site.ru/webasyst/hub/#/topic/720/

              1
            • В предыдущей версии темы оформления можно попробовать добавить в конец файла profitbuy.min.js код:

              ( function ($) {	
              	var a = [12,23,34];	
              	$(document).ready(function () {	
              		a.forEach(function (i) {
              			$('[data-icon-id="' + i + '"]').parent().hide();
              		});	
              	});
              })(jQuery);

              *где числа заменить на идентификаторы категорий которые нужно скрыть

              1
            • Руслан Бегишев Руслан Бегишев June 13, 2016 13:05 #

              У меня версия 1.1.0. Данный код нечего не изменил

              1
              • Убедитесь в том что этот код точно присутствует в указанном файле и выполняется. Откройте инструменты разработчика в браузере и посмотрите на вашем сайте указанный файл.

                1
              • Руслан Бегишев Руслан Бегишев September 18, 2016 12:48 #

                Не получается сделать для одной категории, чтобы не отображались категории 3-го . даже если для всех категорий применять правило чтобы не отображалось 3-й уровень путем замены кода {$tree = $wa->shop->categories(0, null, true)}

                1
              • Leonard Leonard January 14, 2017 21:41 #

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

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

                1
              • Leonard Leonard January 16, 2017 23:44 #
                1
                • Тирон Александр Тирон Александр January 17, 2017 11:50 #

                  Попробуйте добавить в блок пользовательских стилей или в коней файла profitbuy.min.css правила:

                  @media only screen and (min-width:993px) {

                  .sidebar ul.base-menu a:after {

                  display: block;

                  clear: both;

                  content: "";

                  }

                  .plugin-imageincat-img {

                  float: left;

                  }

                  }

                  1
                • Leonard Leonard January 22, 2017 20:43 #

                  Спасибо!

                  Работает! )))

                  1
                • Leonard Leonard February 27, 2017 23:18 #

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

                  Как можно сделать, чтоб иконки категории в боковой панели отображались, а в горизонтальной панели навигации не отображались?

                  1
                • Тирон Александр Тирон Александр February 28, 2017 11:28 #

                  Только для версии 1.2 в файле tree.html (Сайт-Дизайн-Шаблоны) замените строку:

                  {$icon = $at['shop']['plugins']['wmimageincat']|default:[]}

                  строкой:

                  {$icon = []}

                  1

                  Add comment

                  To add a comment please sign up or login

                  Контакты

                  Дорогие друзья!

                  К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

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

                  Internet Explorer

                  от Microsoft

                  Chrome

                  от Google

                  Safari

                  от Apple

                  Opera

                  от Opera Software

                  Firefox

                  от Mozilla

                  Вверх