Question

我的网站一直很好，直到今天我注意到，商店任何页面上的产品图片的大小突然爆发出巨大的尺寸。我没有改变任何代码，但我认为有些事情令人不安。以前有4个类别并排放置正确大小，现在已经下降到2个图像的两倍大。

https://www.raymondmayjewellers.com/store/

任何人都可以轻松浏览一下，看看是什么导致了这一点以及我如何纠正它？谢谢！

Answer 1

您的网站上已修改了一些内容。要并排回到4个类别，您需要进行以下修改：

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) {
    /* float: right; */
    /* clear: none!important; */
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
     width: 24%; /* was 48% */
     float: left;
     /* clear: both; */
     margin: 0 0 2.992em;
}

修改

似乎删除样式无济于事。请尝试以下代码：

.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; clear: none!important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 24%; margin: 0 0 2.992em 0.4875em; clear: none; }

对于产品页面，删除或注释
处的行
.woocommerce #content div.product div.images, .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { /* DELETE ME */ }

WooCommerce图像尺寸

1 个答案: