Html WooCommerce产品图像跨2列,带有类别过滤器

Html WooCommerce产品图像跨2列,带有类别过滤器,html,css,woocommerce,Html,Css,Woocommerce,我需要应用过滤器,以便在我的网站www.warephotography.com.au中增加WooCommerce特定产品图像的大小 我需要增加产品图片大小的原因是因为我们销售的照片是3:1的比例,并且显示为小图片,供人们在购买时做出决定。例如: 下面的CSS代码允许图像调整大小: .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.pro

我需要应用过滤器,以便在我的网站www.warephotography.com.au中增加WooCommerce特定产品图像的大小

我需要增加产品图片大小的原因是因为我们销售的照片是3:1的比例,并且显示为小图片,供人们在购买时做出决定。例如:

下面的CSS代码允许图像调整大小:

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
    width: 100%;
}
/* modify product summary width */
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
    width: 50%;
}
我一直坚持的是如何过滤这些代码以排除特定的产品类别:“垂直”和“方形”

我之所以要过滤这个是因为我们的垂直图像。我不希望这些有100%的宽度和推动内容的方式下屏幕。例如:

提前感谢您的帮助和时间