search

prestarocket-agence / classic-rocket

Classic Rocket is a rework of "classic theme". It has been built keeping in mind : performance, accessibility and SEO.
https://demoprestashop.prestarocket.com/
Other
230 stars 127 forks source link

Slick Slider - Lazyload css class prevent image showing if Slick SlidesToShow > 1 #157

Open Theodode opened 4 years ago

Theodode commented 4 years ago

Hello,

I downloaded this theme two weeks ago and I want to spot an issue with slick slider integration. If I put lazyload class on my images element into my slides and if my SlidesToshow param is > 1, only the image of the slide with slick-current class is shown. The images of slides with slick-active class are not displayed even if they are on the screen, due to the theme.css rule :

.slick-slide:not(.slick-current) .img-carousel.lazyload { display:none!important }

But it can be solved if we replace the rules as :

.slick-slide:not(.slick-active) .img-carousel.lazyload { display:none!important }

I hope it can help.

Best regards