Carousels

Single Item
To use single item slider add data-single-item="true" to container element.
Single Item + autoslide
To add autoslideshow use data-auto-play="3000" in container element (default speed will be 3 seconds).
Multiple Items
To set number of visible items in carousel you need to set couple of parameters in container element:
  • data-items="x" - set the maximum amount of items displayed at a time with the widest browser width.
  • data-items-desktop='[x,y]' - This allows you to preset the number of slides visible with a particular browser width. The format is [x,y] whereby x=browser width and y=number of slides displayed. For example [1199,4] means that if(window smaller or equal 1999){show 4 slides per page} Alternatively use data-items-desktop='false' to override these settings.
  • data-items-tablet='[x,y]' - As above.
  • data-items-mobile='[x,y]' - As above.