Why isn't my slick slider working in the turbo theme?

Store Design
,
1

Hello to all,

I’m currently practicing on the turbo theme to increase my skill set.

I want to put a slider in place for testimonials, I have everything in place and my only concern is that the “slider” itself, does not work and I have this error message in my console:

“Refused to execute script from ‘js url’ because its MIME type (‘application/x-liquid’) is not executable, and strict MIME type checking is enabled”

I use “slick” here is the code (linked to my review-slider all that is ok):

$('.review-slider').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

Here are the 4 lines that I think are problematic in the theme.liquid:

I placed these 4 lines above this one (still in my theme.liquid)

“app.js” is the equivalent of a theme.js on other themes I think, and in my opinion this is where my concern comes from because when I shift my 4 lines below the ‘app.js’ script line, I manage to get the slide but lots of other elements disappear… it’s quite embarrassing. I checked and there is no duplicate ‘slik.js’ in the ‘app.js’.

I hope I’m clear, thanks in advance to you :slightly_smiling_face:

2

Translate message :

Hello to all,

I’m currently practicing on the turbo theme to increase my skill set.

I want to put a slider in place for testimonials, I have everything in place and my only concern is that the “slider” itself, does not work and I have this error message in my console:

“Refused to execute script from ‘js url’ because its MIME type (‘application/x-liquid’) is not executable, and strict MIME type checking is enabled”

I use “slick” here is the code (linked to my review-slider all that is ok):

$('.review-slider').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

Here are the lines that I think are problematic in the theme.liquid:

I placed these 4 lines above it (still in my theme.liquid) :

“app.js” is the equivalent of a theme.js on other themes I think, and in my opinion this is where my concern comes from because when I shift my 4 lines below the ‘app.js’ script line, I manage to get the slide but lots of other elements disappear… it’s quite embarrassing. I checked and there is no duplicate ‘slik.js’ in the ‘app.js’.

There, I hope I’m clear, thanks in advance to you :slightly_smiling_face:

3

I modified the line

in this :

and it works for now

4

@Suprmiles - congratulations, please mark your answer as the solution so that others too will get the answer