Как заставить работать javascript внутри виджета Woocommerce?

Question

[Валентин]

Тема underscores. Установлен woocommerce. В файл index.php хочу вывести все отзывы о товарах. Вывожу сдедующим образом:

<section class="all-reviews">
      <div class="container">
         <div class="title">
            <div class="line"></div>
            <h2>Отзывы</h2>
            <div class="line"></div>
         </div>
         <?php get_sidebar(); ?>
         <button class="reviews-see-more see-more">Показать ещё...</button>
      </div>
   </section>

Дальше хочу, чтоб отзывы выводились по три, при нажатии на кнопку "Показать ещё...". Использую код:

$(document).ready(function () {
   var listReview = $(".wc-block-review-list .wc-block-review-list-item__item");
   var numToShowReview = 3; //сколько показывать элементов
   var buttonReview = $(".reviews-see-more");
   var numInListReview = listReview.length;
   listReview.hide();
   if (numInListReview > numToShowReview) {
      buttonReview.show();
   }
   listReview.slice(0, numToShowReview).show();
   buttonReview.click(function () {
      var showingReview = listReview.filter(':visible').length;
      listReview.slice(showingReview - 1, showingReview + numToShowReview).fadeIn();
      var nowShowingReview = listReview.filter(':visible').length;
      if (nowShowingReview >= numInListReview) {
         buttonReview.hide();
      }
   });
});

Но не происходит никакой реакции на элементы внутри виджета. Хотя кнопка исчезает, а она вне виджета. Классы копировал с developer.

На этой же странице выше проделывал такую же схему с товарами полученные шорткодом, всё работает. Как заставить работать javascript внутри виджета? Или может есть другой способ вывода всех отзывов? Помогите, пожалуйста, решить задачу!

Answer 1

[418ERT]

Как заставить работать javascript внутри виджета?

Вставить виджет HTML
прописать тег

<script>
код на js
</script>

Comments

[Валентин]

418ERT Пробовал, ничего не меняется. Пробовал банально узнать содержимое:

console.log(document.querySelectorAll('.wc-block-review-list-item__item'));

Пишет, что там пусто -
NodeList []
length: 0
[[Prototype]]: NodeList