产品图片太大了

Question

我试图完成我的网站，但最后我发现我的单个产品图片太大了。

我的设置设置为600 px x 450px 但是，当我访问产品页面时，他们将设置为1100 x 855 px。

我已经尝试使用此CSS修复它：

GroupAvg

并使用插件重新生成缩略图，但不是解决方案。

有没有人有想法修复它？

提前完成。

Answer 1

在你的WordPress中转到＆＃34; WooCommerce＆gt;设置＆gt;产品＆gt;显示＆＃34;在那里你可以设置产品图像。请参阅附图 - 设置图像大小后，使用插件重新生成图像 - ＆＃39;重新生成缩略图＆＃39;

Answer 2

不要给图像一个固定的宽度，给它容器：

.single-product .product .images {
  width: 80%; 
  margin: auto;
}

img.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

您的图片容器现在将拥有80％的父级宽度。除非容器较小，否则类.img-responsive的图像将使用自己的宽度。如果容器小于您的图像，它们将简单缩小，保持比例。 （与引导程序使用的类相同）。

Answer 3

有时候Regenerate Thumbnails插件不起作用。尝试寻找“Force Regenerate Thumbnails”并查看该插件是否能给你带来好运。