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被设置为宽度：90％。

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

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

---

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

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

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

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

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