The main images of my store’s products are all deformed.

[kspeed]

This is so weird. Suddenly, all product main images are displayed like this. I hope someone can help me.

Thank you！   https://kspeedauto.com/products/pair-fit-2008-2009-2010-2011-mercedes-benz-w204-led-smoke-side-marke...

[豪克斯]

找到component-product.css，删除

.productView-image.fit-unset .productView-img-container {
padding-bottom: 0 !important;
}
.productView-image.fit-unset .productView-img-container .media {
    position: initial;
}

找到.productView-image.fit-unset .productView-img-container img:not(.zoomImg)

修改为：

.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
    position: initial;
    transform: inherit;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    top: auto;
    display: inherit;
}

[kspeed]

这样操作 ，图片都不能展示了 ，怎么弄呀下一步，麻烦看一下

[豪克斯]

.productView-image .productView-img-container{
padding-bottom:100%;
}

如果你的产品图片是正方形，将这段代码加到component-product.css里面

[kspeed]

现在 完全好了  感谢感谢！

[kspeed]

谢谢😁

[cita]

你好，请问你最后怎么解决的？我这里商品详情页只有第一张图会变形，其他正常