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

[point]

Замучился искать, подскажите пожалуйста, как вывести список товаров в виде аккордеона? Можно шорткодом или сниппетом...

Например:

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


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

 

[zix]

Как вариант, можно использовать плагин меню UberMenu.

 

[rikitiki]

Collapsing Categories

Пример

 

[point]

Спасибо, не нашел подходящих вариантов, сам написал простое меню с использованием js.

 

[zix]

Оффтоп - вопрос топикстартеру - подскажите по теме 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>

​

 

[sachatt]

Здравствуйте. Установил Collapsing Categories и когда я навожу курсор на название категории у меня появляется сообщение с описанием категории. Подскажите как это убрать