Owl carousels

  1. Home
  2. Features
  3. Owl carousels
Carousel tip! Touch carousels are an important component for every website. Owl carousel is one of them so we worked with it so you can easily integrate it in your page. Now you can set some of the most important features via data attributes.
Click here to see the full list with the available options.

Simple carousel

You can set the item margins by adding a value in the data-owl-item-margin. Current value: 20 [px]
Set the desired number of items with data-owl-items.

Carousel with nav

For activating the carousel navigation controls set data-owl-nav to true,else switch it to false.

To create an infinite loop effect set data-owl-loop to true, else switch it to false.

Carousel with dots

Testimonials

Clients

Owl carousel - Options

Data attribute Description
data-owl-loop

Inifnity loop. Duplicate last and first items to get loop illusion.
Type: Boolean; True/False

data-owl-items

The number of items you want to see on the screen.

data-owl-nav

Show next/prev buttons.

data-owl-dots

Show dots navigation.

data-owl-item-margin

margin-right(px) on item.

Information elements

Structure elements

Forms

Interactive elements

Typography & icons

Buttons

All rights reserved. Copyright © 2015 Devisio