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:

  infinite: true,
  arrows: true,
  slidesToShow: 3,
  slidesToScroll: 3,
  responsive: [
    breakpoint: 768,
    settings: {
    slidesToShow: 1,
    slidesToScroll: 1

You can find more settings at

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“.