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 .products li 被设置为 width:90%。

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

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

---

这是由“image-wrap quickview”div 类设置的。它的最大宽度为 362px。

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

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

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

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