Hello,
First, thank you for Slicked List template.
It is working well for my site but I have some JS errors displayed in the console browser:
TypeError: e.$slides is null
initADA
http://dev.mediations.mamp/templates/jb_slicked_list/js/slick.min.js:1
init
http://dev.mediations.mamp/templates/jb_slicked_list/js/slick.min.js:1
e
http://dev.mediations.mamp/templates/jb_slicked_list/js/slick.min.js:1
http://dev.mediations.mamp/templates/jb_slicked_list/js/slick.min.js:1
Any idea?
Hi
Fhanks for using template
I will have a look tomorrow
Hi
I had a quick look, and it might be that you are loading slick twice??
I had a google and found this:
https://github.com/kenwheeler/slick/issues/1953
Might not be relevant.
Anyway, I had error on my site that never bothered to check out until now, and I was in fact loading it twice:
- In my site-template/custom.js file using .slick-fade
- In slick-list template settings -> Add this slick js? [Yes]
Hi Bucklash,
Thank you for your reply.
If I want Slick working I have to set 'Add slick.js' and 'Add this slick js' to [Yes] in template serrings.
I've checked again and I think I'm not loading slick twice.
However, there is an inline <script> in the <head> of my template that is crated by Sebld I guess.
In this, some Slick parameters are called twice.
jQuery(document).ready(function(){jQuery('.partners-carousel').slick({
prevArrow: '<button data-role="none" aria-label="Previous" tabindex="0" role="button">Previous</button>',
nextArrow: '<button data-role="none" aria-label="Next" tabindex="0" role="button">Next</button>',
centerPadding: '50px',
focusOnSelect: true,
mobileFirst: true,
slidesPerRow: 5,
slidesToShow: 5,
swipeToSlide: true,
});
});
Best regards
Simon
Hi
Yes, you need to load slick.js, then load this slick i.e. the settings for the slick slide like slidesToShow. This is then output in the head in script tag.
I can not see any duplicate settings in code above.
If want I can try and help out with quick skype/facetime call ... contact me via fretroom.com.au website