Скрыть div в боковой панели в зависимости от количества продуктов WooCommerce

Question

Можно ли скрыть div на левой боковой панели в зависимости от того, сколько продуктов WooCommerce отображается?

Допустим, div на боковой панели называется 'last-img', а количество продуктов будет иметь быть> 9 для отображения div.

Answer 1

Один из способов сделать это - использовать js, считая ваши элементы с помощью getElementsByClassName:

var numberOfElements = document.getElementsByClassName('products').length;

Тогда:

if (numberOfElements > 9) {
document.getElementById('last-img').style.display = 'block';
} else {
document.getElementById('last-img').style.display = 'none';
}