Sliders plugin will help you to display the event slider on the front end of your website with event image, event title, organizer name and organizer description. Also, event slider is totally responsive in different devices.
You can install Slider plugin using 2 different ways:
[1] Automatic Installation : You can install plugin from backend of your WordPress. Click Here to see how you can do automatic installation.
[2] Manual Installation : You can install plugin manually using SFTP or FTP tool as well. Click Here to see how you can do manual installation.
Watch this video for more clarification.
How To Get Slider Using Shortcode?
There are two different methods to display slider on website. First one is using shortcode and second one is using page template.
Here, you can see how to get slider using shortcode. Go to WP-admin >> Pages >> Add New and name it something along the lines of โ€œEvent Owl Carousel Sliderโ€ and add below shortcode into the text area of the description box and publish the page.
[event_owl_carousel_slider featured=1 limit=5 orderby="rand" container_id="event-manager-owl-carousel-slider" navigation="true" slide_speed=300 single_item="true" lazy_load="true" auto_play=7000]
The Shortcode Setup
  • featured : Set 1 to show only featured events, 0 to show non-featured events or leave out entirely to show both(Featured & Non-featured).
  • limit : Set the maximum number of events you want to display in slider.
  • orderby : In which order you want to display the events in slider(Supports – title, ID, name, modified, parent, rand).
  • container_id : event-manager-owl-carousel-slider (It’s optional).
  • navigation : Set “true” if you want to show navigation, otherwise set it to “false”.
  • slide_speed : Speed of the slider.
  • single_item : Set “true” for single item per slide.
  • auto_play : Set the time between each slide to move. By default, it is 7000(7 second).
How To Get Slider Using Page Template?
First of all, create a new .php file into the root folder of your theme and name it something along the lines of โ€œevent-owl-carousel-slider.phpโ€ and add below code into the file and save.
<?php /** Template Name: Owl Carousel Slider Template 
* @since: 1.0.0 */ ?> 
<?php get_header(); ?> 
<?php echo do_shortcode('[event_owl_carousel_slider]');?>
<?php get_footer(); ?>
Now, go to WP-admin >> Pages >> Add New. Here, you will get “Owl Carousel Slider Template” option for Template under “Page Attributes” section at right bottom side of the page. Select that template and publish the page. That’s it! ๐Ÿ™‚
For more clarification, see this screenshot:
The Shortcode Setup
Frontend view Of The Slider
This is how your slider will look on the front end of your website with the event image, event title, organizer name and organizer description.
Elegant and Responsive event slider
Responsive View Of Slider
Yes, the slider you see here is totally responsive! When your visitors are viewing the website on any of different devices(tablet, mobile, iPad, etc.), the slider promises to render well without messing up the looks and format of your website.
Elegant and Responsive event slider
Advanced: Overriding/Customizing the Template Files
For overriding or customization template files can be found in the wp-event-manager-sliders/templates/ directory. To override a template file, first you need to create directory “wp-event-manager-sliders” under your theme folder and copy the template file to “/wp-content/yourtheme/wp-event-manager-sliders/” directory. Your theme will use all the template files from the “/wp-content/yourtheme/wp-event-manager-sliders/” directory instead of the pluginโ€™s template file (/wp-content/plugins/wp-event-manager-sliders/).
  • content-owl-slider-event_listing.php – which display event listings with owl carousel slider.
Remember: If you have overrided template file and plugin frequently updating then you need to sync template file with new updates from the plugin’s template file for better functionality and new features.