我认为@JMau指的是以下内容:
实际图像的宽度只有211像素,显示宽度为281像素,因此发生了像素化。
这里更大的问题是,显示在主产品图像左侧的小缩略图图像会使对齐偏离。将以下内容添加到自定义CSS样式中以修复对齐:
.single-product.woocommerce .product .avatar {
width: 10%;
}
.single-product.woocommerce .product .avatar img {
max-width: 100%;
height: auto;
}
.single-product.woocommerce .product .images {
width: 37%;
}
这将导致所有内容都放在同一行上,而不是将标题/价格/添加到购物车按钮移到图像下方,如下所示:
这也会导致主产品图像始终以217px的宽度显示(我看到它目前在您的产品中有所不同),并且还会减少示例链接上的像素化,因为现在的差异将仅为6px,而不是70px。