Как добавить новый слайдер на страницу?
Вставьте указанный код на страницу (в файл темы дизайна или страницу приложения Сайт)slidesToShow: 4 - количество слайдов
<div class="container">
<div class="js-newslider">
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
<div><img src="https://vizitka.wa-magazin.ru/wa-data/public/site/themes/vizitka/img/logo.svg?v1684915449" alt=""></div>
</div>
</div>
<script>
$(".js-newslider").slick({
slidesToShow: 4,
nav:false,
prevArrow:' <button class="home-slider__arrow-prev" type="button"><span><i class="fa fa-arrow-left"></i></span></button>',
nextArrow:'<button class="home-slider__arrow-next" type="button"><span><i class="fa fa-arrow-right"></i></span></button>'
});
</script>
Обратите внимание