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