Documentation

Owl Carousel Ultimate Pro

Getting started with Owl Carousel Ultimate Pro

Owl Carousel Ultimate Pro adds a Menu tab in WP Admin side with the name “Owl Carousel Pro” where you can add new Image Title, Content, Link and Image as a featured image, edit and delete.

Screen shows “Owl Carousel Pro” tab in the left side and All Images added
slick-slider-1

This plugin work same like WordPress post section where you can add title, content and featured image. To add a new slide in Owl Carousel Pro just need to follow few steps.

  • Go to Owl Carousel Pro Tab and click on add slide
  • Add Image title, content, Read more link and featured image and update
  • If you want to display category wise then go to Owl Carousel Pro -> Slider Category and create a category
  • When you create a slide, select the category for that slide

Below screen shows how to add a Image for image slider
owl-slider-2

If you want to display category wise then go to Owl Slider Pro -> Slider Category and select the shortcode.

Below screen show category shortcode

How to display and shortcode

Display a Owl Carousel slider is very simple. Just add the following shortcode on any page to display image slider. We have added 2 shortcode.
[wpoc-owl-carousel] – Owl Carousel Slider
[wpoc-owl-autowidth] – Owl Carousel Autowidth

If you want to display by centermode then you can use this shortcode.

[wpoc-owl-carousel center_mode="true"] – Owl Carousel Slider with Center Mode
Note: center_mode=”true” parameter can be used with all the designs
Note: For center_mode=”true” Use with odd numbered slidestoshow counts

If you want to select the design then you can use following parameter :

[wpoc-owl-carousel design="prodesign-1"]
We have 30 designs for Owl Carousel Slider. Where designs are : prodesign-1 to 30

[wpoc-owl-autowidth design="prodesign-1"]
We have 21 designs for Owl Carousel Autowidth Slider. Where designs are : prodesign-1 to 21

[wpoc-owl-carousel design="prodesign-1" centermode="true"]
You can use centermode=”true” parameter only owl carousel slider all design
Note : For centermode=”true” Use with odd numbered slidestoshow counts.

You can also use template code to display Owl Carousel slider in your theme template.
<?php echo do_shortcode('[wpoc-owl-carousel]'); ?>
<?php echo do_shortcode('[wpoc-owl-autowidth]'); ?>

Use Following parameters with shortcode

[wpoc-owl-carousel]

  • Limit:
    [wpoc-owl-carousel limit="15"]
    Limit define the number of slides to be display at a time. By default set to “15”. if you want to display all images then set limit to limit=”-1″.

  • Design:
    [wpoc-owl-carousel design="prodesign-1"]
    Designs are prodesign-1 to prodesign-30.

  • Category:
    [wpoc-owl-carousel category="40,50,60"]
    Display slider by their category ID. You can pass multiple ids by comma separated.

  • Show Content:
    [wpoc-owl-carousel show_content="true" ]
    Display content OR not. By default value is “true”. Options are “true OR false”.

  • Image Fit
    [wpoc-owl-carousel image_fit="true" ]
    Set image fit to box. By default value is “true”. Options are “true OR false”.

  • Media Size
    [wpoc-owl-carousel image_size="large" ]
    Set image size . By default value is “large”. Options are “full, medium, thumbnail”.

  • Set Margin
    [wpoc-owl-carousel margin="0" ]
    Set margin between two images. You can pass numeric value.

  • Left-Right Padding
    [wpoc-owl-carousel left_right_padding="0" ]
    Set both side padding of image carousel. You can pass numeric value.

  • Slider Loop:
    [wpoc-owl-carousel loop="true" ]
    Create a Infinite loop sliding. By default value is “true”. Options are “true OR false”.

  • Slider Dots and Arrows:
    [wpoc-owl-carousel dots="true" arrows="true"]
    Display slider arrows and dots or not. By default values is “true”. Options are “true OR false”.

  • Autoplay:
    [wpoc-owl-carousel autoplay="true"]
    Start slider automatically. Values are “true” OR “false”.

  • Stop Hover
    [wpoc-owl-carousel autoplay_hover_pause="true"]
    Stop Slider when mouse hover. Values are “true or false”.

  • Autoplay Interval:
    [wpoc-owl-carousel autoplay_interval="3000"]
    Set Delay between two slides.

  • Slider Speed:
    [wpoc-owl-carousel speed="300"]
    Control speed of slider.

  • Slider Height:
    [wpoc-owl-carousel sliderheight=""]
    Set Slider height. You can set numeric value. For e.g[wpoc-owl-carousel sliderheight="500"]

  • Show Read More:
    [wpoc-owl-carousel show_read_more="false"]
    Show/Hide read more links. Values are “true” and “false”.

  • Read More Text:
    [wpoc-owl-carousel read_more_text="View More"]
    You can change read_more_text value and set your desired text.

  • Link Target:
    [wpoc-owl-carousel link_target="self"]
    Open link in a same window or in a new tab. Values are “self” OR “blank”.

  • Center Mode
    [wpoc-owl-carousel center_mode="false"]
    Enable centermode or not. Values are “true” OR “false”.

  • Auto Height
    [wpoc-owl-carousel auto_height="false"]
    Enable Auto height or not. Values are “true” OR “false”.

  • Order:
    [wpoc-owl-carousel order="DESC"]
    Set slides by order. Values are “ASC” OR “DESC”.

  • Order By:
    [wpoc-owl-carousel orderby="date"]
    Display slides in your order. Values are “date”, “modified”, “title” (Post Title), “ID”, “rand” (Random), “menu_order” (Sort Order).

  • Exclude Category:
    [wpoc-owl-carousel exclude_cat="1,5,6"]
    Exclude some slider category which you do not want to display.You can pass multiple id by comma separated.

  • Exclude Post:
    [wpoc-owl-carousel exclude_post="1,5,6"]
    Exclude some Post which you do not want to display. You can pass multiple id by comma separated.

  • Display Specific Posts:
    [wpoc-owl-carousel posts="1,5,6"]
    Display only specific Post. You can pass multiple id by comma separated.

  • Slide to Show
    [wpoc-owl-carousel slide_to_show="3"]
    Display slider by column or grid wise

Use Following parameters with shortcode

[wpoc-owl-autowidth]

  • Limit:
    [wpoc-owl-autowidth limit="15"]
    Limit define the number of slides to be display at a time. By default set to “15”. if you want to display all images then set limit to limit=”-1″.

  • Design:
    [wpoc-owl-autowidth design="prodesign-1"]
    Set Designs for Autowidth slider carousel. Where designs are prodesign-1 to prodesign-21.

  • Category:
    [wpoc-owl-autowidth category="40,50,60"]
    Display slider by their category ID. You can pass more id by comma separated.

  • Image Fit
    [wpoc-owl-autowidth image_fit="true"]
    Display image fit to box. Values are “true” OR “false”.

  • Image Size:
    [wpoc-owl-autowidth image_size="large"]
    Display image size. Default is “large”. Values are thumbnail, medium, large, original.

  • Show Content:
    [wpoc-owl-autowidth show_content="true"]
    Display content OR not. By default value is “true”. Options are “true OR false”.

  • Set Margin
    [wpoc-owl-autowidth margin=""]
    Set margin between two slides. You can pass any numeric value.
  • Slider Loop:
    [wpoc-owl-autowidth loop="true"]
    Create a Infinite loop sliding. By default value is “true”. Options are “true OR false”.

  • Slider Dots and Arrows:
    [wpoc-owl-autowidth dots="true" arrows="true"]
    Display slider arrows and dots or not. By default values is “true”. Option are “true” or “false”.

  • Autoplay:
    [wpoc-owl-autowidth autoplay="true"]
    Start slider automatically. Values are “true” OR “false”.

  • Stop on Hover
    [wpoc-owl-autowidth autoplay_hover_pause="true"]
    Stop on mouse hover. Values are “true” OR “false”.

  • Autoplay Interval:
    [wpoc-owl-autowidth autoplay_interval="3000"]
    Set Delay between two slides. Pass a numeric value.

  • Slide Speed:
    [wpoc-owl-autowidth speed="300"]
    Display slider speed. Pass a numeric value.

  • Auto Height
    [wpoc-owl-autowidth auto_height="false"]
    Enable slider auto height or not. Values are “true” or “false”.

  • Show Read More:
    [wpoc-owl-autowidth show_read_more="false"]
    Show/Hide read more links. Values are “true” and “false”.

  • Read More Text:
    [wpoc-owl-autowidth read_more_text="More"]
    You can change read_more_text value and set your desired text.

  • Link Target:
    [wpoc-owl-autowidth link_target="self"]
    Open link in a same window or in a new tab. Values are “self” OR “blank”.

  • Order:
    [wpoc-owl-autowidth order="DESC"]
    Controls slides order. Values are “ASC” OR “DESC”.

  • Order By:
    [wpoc-owl-autowidth orderby="date"]
    Display slides in your order. Values are “date” (Post Date), “modified” (Post Modified Date), “title” (Post Title), “ID”, “rand” (Random), “menu_order” (Sort Order).

  • Exclude Category:
    [wpoc-owl-autowidth exclude_cat="1,5,6"]
    Exclude some slider category which you do not want to display.You can pass multiple id by comma separated.

  • Exclude Post:
    [wpoc-owl-autowidth exclude_post="1,5,6"]
    Exclude some slides which you do not want to display.You can pass multiple id by comma separated.

  • Display Specific Posts:
    [wpoc-owl-autowidth posts="1,5,6"]
    Display only specific slides.You can pass multiple id by comma separated.

  • Slider Height:
    [wpoc-owl-autowidth sliderheight=""]
    Set Carousel Slider height. Pass a numeric value.