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.