用Woo Commerce更改图片尺寸

Question

我有一个客户，其产品是他拍摄的照片。然后，商店（使用Woo Commerce）会显示图像的缩略图，而当您单击时您将获得完整尺寸。

问题是后端只有一个缩略图大小设置，而其设置为水平图像 - 但一些图像是垂直的。

http://itestwebpageshere.biz/product-category/carribean/

我怎样才能独立调整垂直图像。即使您不能发布代码解决方案，也欢迎提供意见。我在这方面一直在绞尽脑汁，似乎没有任何事情比重写Woo Commerce处理图像有“垂直”选项的方式更容易。

Answer 1

所以这里就是我来：

在CSS，其中对于产品图片类被宣布有：

width: 100%; 

我把它改为：

max-width: 100%; 

修正后的逻辑：

如果宽度在图像所在的div元素的100％处，则hor直角图像的最大值为（在这种情况下为220px），但垂直图像被拉伸到该宽度。 Woocommerce自动调整其高度以匹配，导致主题中断。如果我们将宽度切换为“自动”，则图像将以其自然宽度放置。这会导致主题再次中断，因为现在水平图像不会以特定宽度上限（并且对于页面而言变得太宽）。

通过声明最大宽度为100％，我们做了两件事：我们将水平图像的宽度限制为它们所在的块元素的大小（220px）;我们让CSS自行挑选最小宽度。因为没有声明宽度或最小宽度，所以它们将被设置为'auto'。

这允许垂直图像坐在其自然宽度上，但在水平宽度上盖住水平图像，从而保持所有图像缩放，并且使我们的布局保持整洁。