99 Posts
SimonD
4 years ago
4
Topic

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

slick
http://dev.mediations.mamp/templates/jb_slicked_list/js/slick.min.js:1
http://dev.mediations.mamp/:782jQuery4
u
fireWith
ready
_

Any idea?

Get a Book for SEBLOD
1283 Posts
Bucklash
4 years ago
3
Level 1

Hi

Fhanks for using template

I will have a look tomorrow

1283 Posts
Bucklash
4 years ago
2
Level 2

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:

  1. In my site-template/custom.js file using .slick-fade
  2. In slick-list template settings -> Add this slick js? [Yes]
99 Posts
SimonD
4 years ago
1
Level 3

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

1283 Posts
Bucklash
4 years ago
0
Level 4

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

Get a VIP membership