2013-08-29 514 views
0

我在Wordpress和woocommerce中使用Mystile主題商店,並且我認爲存在導致圖像模糊的設置或代碼段。wordpress中的模糊產品圖片 - woocommerce

見我的網站: http://www.skinmade.com.au/products-page/

縮略圖是模糊的,但如果你點擊到一個產品,然後點擊產品圖片放大,這是不模糊。

我看到有幾篇文章說你需要將css改爲width:100%,但是找不到在哪裏做到這一點。

+0

您的圖片按比例縮放。您的原始圖片似乎是150px x 150px,您的寬度:100%可能適用於.attachment-shop_catalog.wp-post-image – emartel

+0

@emartel我上傳了1250x1250的圖像。不同的職位上有很多關於做什麼的建議。沒有任何工作對我來說雖然 – user2593460

+0

對不起,我不是一個網頁設計師,所以我不會發布「真正的答案」。看看http://www.skinmade.com.au/wp-content/themes/mystile/style.css和http://www.skinmade.com.au/wp-content/themes/mystile/style。 CSS就是問題所在。我懷疑'身高:汽車;'是問題 – emartel

回答

0

我有同樣的問題。發生這種情況是因爲Mystile中的默認圖像大小與WooCommerce選項中的默認圖像大小不同。 Mystile主題爲「目錄大拇指」使用162 x 162像素,「單個大拇指」使用510 x 510像素。只要去WooCommerce - >設置 - >目錄,更改這些值。

重要提示:您需要使用Regenerate Thumbnails插件修復已上傳的圖像。同時取消選中「Hard Crop」選項。

希望這會有所幫助!

相關問題