CODEWITHSUNDEEP
wordpresswoocommerce
DKM
DKM

Reputation: 1

Product image on single product page is not showing

On the single product page om http://www.donsdesign-skilte.dk/produkt/00-rustfri-250x150-mm/ the product image isnt showing, Ive tried to regen img, and reinstall woocommerce but doesnt help, the image are showing in /shop so now am left wondering

Upvotes: 0

Views: 4437

Answers (6)

Shahid Ahmed
Shahid Ahmed

Reputation: 1

I am having this issue too, luckily I fixed it as follow: Go to Appearance --> Customization --> Additional CSS and find these lines of code

/*=== WOOCOMMERCE ===*/
/*--- SINGLE PRODUCT ---*/

/* Stacked Gallery for desktop and sticky summary */

@media (min-width: 769px) {
.woocommerce-product-gallery {
 display:none ;

Remove none and save . That's it.

Upvotes: -1

Purnendu Sarkar
Purnendu Sarkar

Reputation: 342

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

Upvotes: 1

Sanu
Sanu

Reputation: 330

Simply add this css

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

I don't know what is the correct method.

Upvotes: 0

aronmoshe_m
aronmoshe_m

Reputation: 938

Something similar was happening to me, and it was a conflict with another lightbox plugin we had installed. I assume this resulted when WooCommerce made their major lightbox changes in 3.0. Disabling the conflicting plugin was the way we were able to confirm it, because then the image showed up like normal.

Upvotes: 0

ashvek
ashvek

Reputation: 171

There is js error ajaxyLiveSearch is not a function. Try to solve this issue, gallery js will work. enter image description here

Upvotes: 0

blits
blits

Reputation: 310

Parent element of the picture is hidden by setting opacity: 1. You need to delete style property of this element to show product image.

Replace this line

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

with

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

enter image description here

Upvotes: 0

Related Questions