WooCommerce - 如果没有则隐藏产品图片

Question

我正在使用 WooCommerce 在 Bootstrap 中开发一个主题。我正在尝试隐藏产品图像/图库所在的 col-md-1（如果没有），并将我的产品图像列从 col-md-5 变为 col-md-6

页面设计由 3 列组成：

1. col-md-5 - 产品图片
2. col-md-1 - 产品图片/图库
3. col-md-6 - 产品信息

Here you can see where the product has more images in the col-md-1

Here you see it without product images

Answer 1

这是一个可以帮助你的代码。

jQuery( document ).ready(function(){
if(jQuery('.col-md-1').children().length===0){
jQuery('.col-md-1').css('display','none');
jQuery('.col-md-5').toggleClass('col-md-6');
jQuery('.col-md-5').removeClass('col-md-5');
}
});

先在浏览器中加载页面，然后将以下代码粘贴到控制台查看效果。

如果此代码是您想要的，则添加相同的代码以有条件地仅将其加载到单个产品页面上。