Как в Woocommerce сделать подкатегории выпадающим списком?

Question

[sasha761]

В общем, на своем wordpress-сайте сделал вывод категорий и подкатегорий в свой сайдбар и смог сделать выпадающим списком подкатегории. Вот сам сайт, кликайте по ссылке «электрошкафы» — там будет тогл-эффект на подкатегории.

Вот JS-код:

$(function() {
  $('.product-categories .cat-parent').children('a').click(function() {
    $(this).siblings('.children').slideToggle();
    return false;
  });
});

ul.children{
  display: none;
}

Суть вопроса вот в чём: как пользователь поймет, что это разворачивающийся список?
И я так понимаю, что решением должно быть вставка в шаблон категории вот этого элемента

<span><i class="fa fa-angle-down" aria-hidden="true"></i></span>

Но я не знаю, где этот файл; и даже если найду его, то не знаю точно, как отредактировать его. Помогите, пожалуйста.

Answer 1

[sasha761]

https://robotoman.ru/ вот пример сайта на котором реализована данная функция (категории находятся почти у футера)