单个产品页面上的产品图片未显示答案

【问题标题】：Product image on single product page is not showing单个产品页面上的产品图片未显示
【发布时间】：2020-02-27 16:45:26
【问题描述】：

我希望有人可以帮助我解决我遇到的问题（以前从未遇到过这样的问题，所以有点失落）。在单个产品页面上 om http://www.donsdesign-skilte.dk/produkt/00-rustfri-250x150-mm/ 产品图像未显示，我尝试重新生成 img，并重新安装 woocommerce 但没有帮助，图像显示在 /shop 所以现在我想知道:-(

希望有人能帮忙

最好的问候丹

【问题讨论】：

标签： wordpress woocommerce

【解决方案1】：

  //Can you use this  Additional CSS
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        opacity: 1 !important;
    }

【讨论】：

【解决方案2】：

通过设置opacity: 1隐藏图片的父元素。您需要删除此元素的style 属性才能显示产品图片。

替换此行

<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 0; transition: opacity .25s ease-in-out;">

与

<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4">

【讨论】：

【解决方案3】：

出现js错误ajaxyLiveSearch is not a function。尝试解决这个问题，画廊 js 将工作。

【讨论】：

【解决方案4】：

类似的事情发生在我身上，它与我们安装的另一个灯箱插件发生冲突。我认为这是 WooCommerce 在 3.0 中对灯箱进行重大更改时产生的。禁用冲突插件是我们能够确认它的方式，因为这样图像就会正常显示。

【讨论】：

【解决方案5】：

只需添加这个 css

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

我不知道什么是正确的方法。

【讨论】：