javascript - 根据 WooCommerce 产品的数量在侧边栏中隐藏 div

Question

是否可以根据显示的 WooCommerce 产品数量在左侧栏中隐藏 div？

假设侧边栏中的 div 名为“last-img”，产品数量必须大于 9 才能显示 div。

标签： javascriptphpcsswordpresswoocommerce

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';
}