WordPress.org

Plugin Directory

Carousel Slider

Touch enabled wordpress plugin that lets you create beautiful responsive carousel slider.

Fully written in jQuery, touch enabled wordpress plugin based on OWL Carousel that lets you create beautiful responsive carousel slider.

Usage - Settings, Carousels & Carousel Categories

After installing or Upgrading go to Settings >> Carousel Slider and change the default settings as your need.

Then go to Carousels >> Add New and fill all fields as your need and don't forget to give Carousel Categories name if you want to add multiple carousel at your site.

Now go to page or post where you want to add Carousel slider and paste the following shortcode:

[carousel_slider]

You can add multiple slider at page or post by Carousel Categories slug from ( plugin version 1.4.0 ). To do this you must create Carousel Categories when you creating New Carousel. Now you can show your Carousel by categories slug. So add the following attribute to your shortcode:

category_slug=''

Set category to a comma separated list of Carousel Categories Slug to only show those. You also need to add a mandatory attribute id='' if you want to add multiple carousel slider at the same page or post and need to give a number manually that is unique with other carousel slider (It won't conflict with other WordPress IDs). Example:

[carousel_slider id='1' category_slug='one']
[carousel_slider id='2' category_slug='one,two,three,four']

Usage - TinyMCE Button

I am sorry that TinyMCE Button is not fully functional yet but it works well.

To add carousel slider at your page from TinyMCE visual editor and click on "Add Carousel Slider" button from WordPress visual editor view screenshot and it will output the following shortcode:

[carousel id=""]
    [item href="" img_link=""]
    [item href="" img_link=""]
    [item href="" img_link=""]
    [item href="" img_link=""]
    [item href="" img_link=""]
[/carousel]

inside img_link='' put you image link and inside href="" put post, page, media or any link that you want to open on click. Repeat [item href="" img_link=""] as many image as you want.

Change Default Functionality

You can change default functionality by adding following optional attributes at [carousel_slider] and [carousel][/carousel] shortcode

items = '4'

to set the maximum amount of items displayed at a time with the widest browser width (window >= 1200)

items_desktop = '4'

This allows you to preset the number of slides visible with (window <= 1199) browser width

items_desktop_small = '3'

This allows you to preset the number of slides visible with (window <= 979) browser width

items_tablet = '2'

This allows you to preset the number of slides visible with (window <= 768) browser width

items_mobile = '1'

This allows you to preset the number of slides visible with (window <= 479) browser width

single_item = 'false'

If you set true, it will display only one item

slide_speed = '200'

Slide speed in milliseconds

pagination_speed = '800'

Pagination speed in milliseconds

rewind_speed = '1000'

Rewind speed in milliseconds

auto_play = 'true'

Change to any integrer for example auto_play : 5000 to play every 5 seconds. If you set auto_play: true default speed will be 5 seconds.

stop_on_hover = 'true'

Stop autoplay on mouse hover

navigation = 'true'

Display "next" and "prev" buttons.

scroll_per_page = 'false'

Scroll per page not per item. This affect next/prev buttons and mouse/touch dragging.

pagination = 'false'

Show or hide pagination.

pagination_numbers = 'false'

Show or hide numbers inside pagination buttons

auto_height = 'false'

Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting.

Example 1(Settings, Carousels & Carousel Categories):

[carousel_slider id='1' category_slug='portfolio,two' items = '3' navigation = 'false']

Example 2:

[carousel id=''  items = '3' navigation = 'false' slide_speed = '400']
    [item href='' img_link='']
    [item href='' img_link='']
[/carousel]

Requires: 3.0 or higher
Compatible up to: 4.2.4
Last Updated: 2015-4-24
Active Installs: 4,000+

Ratings

3.2 out of 5 stars

Support

0 of 4 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1