Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Woocommerce список товаров в виде аккордеона

Тема в разделе "Ищу плагин, функционал", создана пользователем point, 17 фев 2016.

  1. point

    point

    Сообщения:
    3
    Симпатии:
    0
    Баллы:
    1
    Замучился искать, подскажите пожалуйста, как вывести список товаров в виде аккордеона? Можно шорткодом или сниппетом...

    Например:

    Категория первая >
    Категория вторая >
    Категория третья v
    -- Товар1
    -- Товар2
    -- Товар 3
    Категория четвертая >
    Категория пятая >
    ....


    Нашел только список категорий и аккордеон категорий, а всего дерева категорий с товарами - нет.
     
  2. zix

    zix

    Сообщения:
    18
    Симпатии:
    2
    Баллы:
    3
    Как вариант, можно использовать плагин меню UberMenu.
     
    • Нравится Нравится x 1
  3. rikitiki

    rikitiki Местный

    Сообщения:
    750
    Симпатии:
    185
    Баллы:
    43
    • Нравится Нравится x 1
  4. point

    point

    Сообщения:
    3
    Симпатии:
    0
    Баллы:
    1
    Спасибо, не нашел подходящих вариантов, сам написал простое меню с использованием js.
     
  5. zix

    zix

    Сообщения:
    18
    Симпатии:
    2
    Баллы:
    3
    Оффтоп - вопрос топикстартеру - подскажите по теме js :
    В скрипте (плавно отматывает переход к якорю) есть комментарий, где добавляется отступ сверху, вопрос в том, как туда добавить например 100px?

    <script>
    var linkNav = document.querySelectorAll('[href^="#tab1"]'),
    V = 0.5; // скорость
    for (var i = 0; i < linkNav.length; i++) {
    linkNav.addEventListener('click', function(e) {
    e.preventDefault();
    var w = window.pageYOffset,
    hash = this.href.replace(/[^#]*(.*)/, '$1');
    t = document.querySelector(hash).getBoundingClientRect().top, // отступ от окна браузера до id
    start = null;
    requestAnimationFrame(step);
    function step(time) {
    if (start === null) start = time;
    var progress = time - start,
    r = (t < 0 ? Math.max(w - progress/V, w + t) : Math.min(w + progress/V, w + t));
    window.scrollTo(0,r);
    if (r != w + t) {
    requestAnimationFrame(step)
    } else {
    location.hash = hash
    }
    }
    }, false);
    }
    </script>

     
  6. sachatt

    sachatt

    Сообщения:
    7
    Симпатии:
    0
    Баллы:
    1
    Здравствуйте. Установил Collapsing Categories и когда я навожу курсор на название категории у меня появляется сообщение с описанием категории. Подскажите как это убрать
    Безымянный.png