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

Question

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

希望有些人可以提供帮助

祝你好运 丹

Answer 1

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

Answer 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">

Answer 3

有js错误ajaxyLiveSearch不是一个函数。试着解决这个问题，画廊js会起作用。 this discussion

Answer 4

类似的事情发生在我身上，这与我们安装的另一个灯箱插件发生了冲突。我认为这是因为WooCommerce在3.0中改变了主要的灯箱。禁用冲突的插件是我们能够确认它的方式，因为那时图像显示正常。

Answer 5

只需添加此CSS

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

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