Wordpress 产品图片不'；t show（商业）

我的产品图像会出现，但当我单击进入产品页面时，图像会隐藏，并且仅当我单击时才会出现。有些产品在其他浏览器上显示。某些产品仅在microsoft Edge上显示

编辑： 真正的问题是cloudflare rocket loader阻塞了网站的一些javascript。通过禁用该选项，它解决了问题。

在Css中has

.product.has-default-attributes.has-children>.images

类设置

opacity

为

0

更改或删除该类，或覆盖Css中的类

.product.has-default-attributes.has-children > .images{opacity: 0;}

到

图像仅在单击时显示，因为在单击

.Image

类后，使用Css中的一些

JQuery

将

不透明度添加到
1
中has
.product.has-default-attributes.has-children>。Image
类将
不透明度设置为
0
更改或删除该类，或从你的主题css

.product.has-default-attributes.has-children > .images{opacity: 0;}

到

图像仅在单击时显示，因为在单击
。Image
类后，使用一些
JQuery
将
不透明度添加到
1
，存在CSS问题，在woocommerce.css中，此类
.product.has-default-attributes.has-children>.images
has
opacity:0
您需要设置此类
opacity:1
下面是代码段

.product.has-default-attributes.has-children > .images {opacity :0}

将此行更改为

.product.has-default-attributes.has-children > .images{opacity :1;}

在woocommerce.CSS中存在CSS问题，该类
.product.has-default-attributes.has-children>.images
has
opacity:0
您需要设置该类
opacity:1
下面是代码片段

.product.has-default-attributes.has-children > .images {opacity :0}

将此行更改为

.product.has-default-attributes.has-children > .images{opacity :1;}

在另一个支持站点上找到此css，并为我修复了它：

.woocommerce div.product div.images.woocommerce-product-gallery 
{
opacity:100!important;
}

在另一个支持站点上找到此css，并为我修复了它：

.woocommerce div.product div.images.woocommerce-product-gallery 
{
opacity:100!important;
}

只需添加这个css

.woocommerce-product-gallery {opacity: 1 !important;}

我真的不知道纠正此问题的最佳方法。
只需添加此css即可

.woocommerce-product-gallery {opacity: 1 !important;}

我真的不知道纠正这个问题的最佳方法。
你知道为什么不透明度为0吗？对我来说似乎很奇怪，除非有一些JS显示它们（在我的上是坏的），但他们不应该依赖JS来显示图像。你知道为什么不透明度为0吗？对我来说似乎很奇怪，除非有一些JS显示它们（在我的上被破坏），但无论如何，它们不应该依赖JS来显示图像。请注意，这种情况发生在有孩子的产品上，即可变产品，而不是简单的产品。注意，这种情况发生在有孩子的产品上，即可变产品，而不是简单的产品