WooCommerce网站中的缩放产品被裁剪成小尺寸并显示在角落里

时间:2016-05-19 12:32:48

标签: wordpress wordpress-plugin woocommerce image-zoom

我正在WooCommerce网站上工作,我在localhost上传产品图片并且工作正常。现在,当我将网站设置为实时服务器时,我遇到的问题是,当我上传新产品时,图像显示在大小为148x200的角落中。在本地上传的产品工作正常但问题出现在新产品图片中?

这是我检查产品时的代码

href="http://www.jemisonleather.com/wp-content/uploads/2016/05/IMG-20160315-WA0034-148x200.jpg" itemprop="image" class="yith_magnifier_zoom woocommerce-main-image" title="IMG-20160315-WA0034"><img width="600" height="600" src="http://www.jemisonleather.com/wp-content/uploads/2016/05/IMG-20160315-WA0034-600x600.jpg" class="attachment-shop_single size-shop_single wp-post-image" alt="IMG-20160315-WA0034" srcset="http://www.jemisonleather.com/wp-content/uploads/2016/05/IMG-20160315-WA0034-600x600.jpg" sizes="(max-width: 600px) 100vw, 600px" src-orig="http://www.jemisonleather.com/wp-content/uploads/2016/05/IMG-20160315-WA0034-600x600.jpg">

当鼠标悬停在产品上时会显示此代码:

style="left: 335px; top: 0px; width: 335px; height: 335px; display: block; background-image: url("http://www.jemisonleather.com/wp-content/uploads/2016/05/IMG-20160315-WA0034-148x200.jpg"); background-position: 0px 0px; background-repeat: no-repeat;"

此处拾取尺寸为148x200的图像,而在本地主机上,则会在网址中选取原始文件:(IMG-20160315-WA0034)

0 个答案:

没有答案