WooCommerce产品缩略图未正确显示

时间:2018-07-30 20:51:40

标签: css wordpress woocommerce

我的Woo商店有一个奇怪的问题。最新更新后,Product Shop缩略图开始以非常规方式显示。有些图像显示良好,但有些图像则以完整尺寸显示。我想让所有图像都这样显示:

image showing the issue

显示的“好”产品尺寸为:251px x 304px。这也是我的Woocommerce缩略图配置:

woo configuration

我试图将其设置为CSS:

  .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表单存储。

1 个答案:

答案 0 :(得分:0)

因此,响应式图像似乎出了点问题...看看这个issue for more info

图像看起来也不同。

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

恕我直言,最好尝试使图像的大小和比例保持相似。