Woocommerce 4.0

Hi,

There is no problem with my plugin. Your theme is applying a style to images where it hides images with class “lazyload”.

The css rule that affects this is:

img.lazyload.lazyload-simple:not(.swiper-lazy-loaded) {
    display: none !important;
}

Maybe you activated some type of “lazyload option” on your theme. IF you turn it of or you customize the above CSS rule to something like:

.svi-thumb img.lazyload:{
    display: block !important;
}

Add it to your Customizer, additional CSS.

Cheers,
David

Thanks for the quick reply!

I didn’t think it was just CSS. I fixed it.

The correct code is:

img.lazyload.lazyload-simple:not(.swiper-lazy-loaded){
display:block!important;
}

Hi,

I did not provide that one because that rule will be applied everywhere in your site and it may not be what you are looking for there for maybe use:

.svi-thumb img.lazyload.lazyload-simple:not(.swiper-lazy-loaded){
display:block!important;
}

Cheers,
David

You right =)

Now it’s work good.

Thx again!

Hi David,

Now I noticed that isn’t responsive. In mobile the pictures are in the same line of the product name

Hi,

This is not really an SVI problem, but try changing from display: block to display: inline-block;

Cheers,
David