Как сделать слайдер отзывов на slick.js на Joomla?

Question

[ishimskayamahorka14]

Уважаемые коллеги, помогите, пожалуйста сделать слайдер на основе slick.js
Делаю все по инструкции, как сказано на оф. сайте, но в итоге ничего не работает.
Необходимо понять, как сделать слайдер, как на скрине, он называется "Autoplay"

У меня такое ощущение, что подключаемые скрипты конфликтуют с уже существующими.
Дайте, пожалуйста, пинок или доброе указание, куда и в каком направлении двигаться :)
Ссылка на сайт: zerno.srv160751.hoster-test.ru/test-slajdera

$('.autoplay').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
});

<div class="autoplay slick">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>

Comments

[Дмитрий]

Ссылку на страницу, или примеры кода в студию.
Иначе пинок будет, но не тот, которого вы ждёте)

[ishimskayamahorka14]

Дмитрий, залил в шапку

[Иван Иванов]

damarkuzz, не работает адрес сайта. Видимо доступ к тестовой странице закрыт.

[ishimskayamahorka14]

Иван Иванов, извините, не активировал .htaccess на время написания

[Иван Иванов]

damarkuzz, ага заработало. У вас Jquery не подключен. Или ваш скрипт costum.js подключается раньше Jquery

[ishimskayamahorka14]

Иван Иванов, исправил ссылку на jquery, она у меня вот такой

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

[ishimskayamahorka14]

damarkuzz, custom.js подключен после

[Иван Иванов]

damarkuzz, ну всё, заработало по идее, добавьте элементов, чтобы не 3 было, 6 например. Или измените в атрибутах при инициализации слайдера кол-во отображаемых элементов. А то у вас 3 стоит он 3 и отображает вот и не листает.

[ishimskayamahorka14]

Впринципе, можно закрывать.
Уважаемые коллеги, если возникнет проблема с Slick.js как у вашего покорного.
1) Обратите внимание, что скрипты должны быть подключены перед

Answer 1

[GenJet]

$('.autoplay').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000
});

Запятую в конце уберите.

небольшой пример