Woocommerce-重置产品页面上的产品缩略图大小

Question

我有一个有趣的问题。产品页面的缩略图大小设置为175 x 169，目录产品的缩略图大小为362 x 257像素。我使用此代码在商店的页眉中显示产品：

<?php echo do_shortcode('[product sku="62-1166"]'); 
wp_reset_postdata(); 
?> 

这工作正常。但是，在显示此特定产品（一个显示在标题中）的商店页面上，其缩略图显示为362 x 257像素，而不是175 x 169像素。如何解决这个问题？

这里是演示链接：http://restaurantapplianceparts.com/dev/

艾哈迈尔。

Answer 1

编辑：其实，在进一步检查这是由于#product .woocommerce。产品李被设置为宽度：90％。

更改此字段，这将排序您的问题。

#product .woocommerce .products li { 
width: 175px; 
} 

---

这是由 “图像缠绕快速查看” DIV类设置。它的最大宽度为362px。

如果您编辑CSS以使.image-wrap.quickview的最大宽度为175px，那么您的产品缩略图将显示正确的宽度。

.image-wrap.quickview { 
max-width: 175px; 
} 

这也将缩小以下相关产品中缩略图的大小。

或者，您可以在目录下的WooCommerce设置页面中更改默认缩略图尺寸。向下滚动到最后并更改“单个产品图像”。完成后，使用Regenerate Thumbnails插件重新生成缩略图。