How to setup homepage slider
The page slider can be setup from app/js/src/script.js
. In this file you can find the initSlider function which allows you to customize the slider settings:
self.homepageSlider.slick({
infinite: true,
arrows: true,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
You can find more settings at http://kenwheeler.github.io/slick/
Each slider item style can be customized from css/scss/_homepage.scss
Also if you want to add more slider items in your homepage, you will have to add a new div which contain the “sh__slider-item
” class inside your “sh__sliderky__slider
“.