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.
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:
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:
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']
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]
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.
You can change default functionality by adding following optional attributes at
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']
[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
Last Updated: 2015-4-24
Active Installs: 3,000+
1 of 9 support threads in the last two months have been resolved.
Got something to say? Need help?