首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >WooCommerce产品缩略图未正确显示

WooCommerce产品缩略图未正确显示
EN

Stack Overflow用户
提问于 2018-07-31 04:51:40
回答 1查看 320关注 0票数 0

我有一个奇怪的问题到我的Woo商店。在最新更新后,Product Shop缩略图开始以不寻常的方式显示。有些图像显示得很好,但有些图像是以全尺寸显示的。我想让所有的图像都像这样显示:

image showing the issue

"good“展示的产品尺寸为: 251px x 304px。这也是我的Woocommerce Thumbnails配置:

woo configuration

我尝试将其设置为CSS:

代码语言:javascript
复制
  .woocommerce ul.products li.product a img {
    width: 100%;
    height: auto; // changed to 304px, but images makes smasshed.
    display: block;
    margin: 0 0 1em;
    -webkit-box-shadow: none;
    box-shadow: none
}

有什么帮助吗?怎样才能很好地显示所有图像?这是link表单存储区。

EN

回答 1

Stack Overflow用户

发布于 2018-07-31 05:12:43

所以看起来响应式图像出了点问题…看看这个issue for more info

此外,这些图像看起来大小不同。

您可以使用CSS使它们更均匀,但图像看起来会挤压或不成比例。

我希望尽量保持图像的大小和比例相似。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51602105

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档