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

Question

是否可以根据显示的 WooCommerce 产品数量在左侧边栏中隐藏一个 div？假设侧边栏中的 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';

}