您可以使用CSS，使用transform: scaleX(-1);, 尽管应用程序因主题而异。
在我刚刚尝试的一个主题中，我只需要添加以下内容
.woocommerce #content div.product div.images img,
.woocommerce div.product div.images img,
.woocommerce-page #content div.product div.images img,
.woocommerce-page div.product div.images img {
transform: scaleX(-1);
}
那只是复制而已
img 从Chrome inspector上显示的主题（DIVI）样式表中设置样式，并添加/调整transform属性。虽然您过去必须应用各种供应商变体，当然，还要对Internet Explorer进行特殊处理，才能使用CSS
transform, 我认为，该物业现在得到了普遍支持。
然而，如果您的主题依赖于将图像显示为CSS背景图像，那么事情可能会变得复杂得多，您最好改变图像本身，可能遵循Adam Costanza建议的方法，或者以其他方式。如果您需要一组必须保持未翻转的图像，并且无法通过某些公共属性（如类别类或类似属性）来定位图像，也可能会出现这种情况。
在后一种情况下，根据您的技能，编写向目标类型的图像添加选择器的自定义函数可能会更快。
