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插件重新生成縮略圖。