SlickJS compatability

@pagetopixel

We will look at this for you, but need some more info first – You did not mention which plugin you where using – I did a search and found this one WP Slider and Slick Carousel – is that the one?

Are you using the Free or the Premium version?

could you please let me know about that and also the following info which we will need for testing.

Your version of WordPress
The version of the plugin
Your servers PHP version
Your Database and version.

Thanks
Steve

@pagetopixel

Hi – Have not seem a reply from you – We have downloaded the WP Slider and Slick Carousel plugin and had a dig in the code to see if we could

1. Use a trigger to add lazy Load to the slick carousel
2. If not use a class to auto exclude the carousel from Lazy Load

Neither was possible.

I have reached out to the Slider developers on this ticket to let them know

A. That there is a conflict with their slider and a3 Lazy Load
B. Offered 2 suggests on how they can resolve the issue.

I will change this ticket status to “resolved’ now as it is up to the Slick slider devs to resolve the issue. I will work with them if required to make upgrade their plugin so that it can work on any site that has a3 Lazy Load.

You can still reply to this ticket if you wish/

Steve

Hi Steve,

My apologies for the late reply.

I am using just the regular slickjs script (no plugin) https://kenwheeler.github.io/slick/ as part of my own custom theme. Based on what you said above, It sounds like the plugin has the same issues I am running into. Thanks for looking into this and hopefully they will be able to come up with a solution.

Thanks!

Garet

@pagetopixel

Garet if you add the script Lazy Load that slick.js make available then that will resolve the issue –

See here

Scroll down until you see the Lazy Load section. It looks dead simple

// To use lazy loading, set a data-lazy attribute
// on your img tags and leave off the src

<img data-lazy="img/lazyfonz1.png"/>

$('.lazy').slick({
  lazyLoad: 'ondemand',
  slidesToShow: 3,
  slidesToScroll: 1
});

Do that and a3 Lazy Load will not conflict with that.

Good luck with it – Steve