WooCommerce -隐藏产品图像(如果没有)

Question

我正在Bootstrap中开发一个主题，它使用WooCommerce。如果没有产品图像/图库，我正在试图隐藏产品图像/图库所在的column 1，并将我的产品图像列从column 5转到column 6。

页面设计由3列组成：

1. col-md-5 -产品形象
2. col-md-1 -产品图片/画廊
3. col-md-6 -产品信息

在这里，您可以看到产品在col 1中有更多的图像。

在这里，您可以看到它没有产品图像。

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

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

如果这段代码是您想要的，那么添加相同的代码，只在单个产品页上有条件地加载它。