fbpx

How can we help?

Event Slider

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.

  1. Automatic Installation: You can install a plugin from the 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 Event Slider Using Shortcode?

There are two different methods to display the Event Slider on the website.

  1. The First one is using a shortcode.
  2. The second one is using a page template.

Here, you can see how to get a slider using a shortcode.

  1. Go to WP-admin >> Pages >> Add New.
  2. Name it something along the lines of “Event Slider”.
  3. Add the below shortcode into the text area of the description box.
  4. Publish the page.
    [events_slider featured=1 limit=5 orderby="rand"]

WP event manager Event slider 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).

How To Get Slider Using Page Template?

  1. Create a new .php file into the root folder of your theme
  2. Name it something along the lines of “wpem-slider-template.php”
  3. Add below code into the file and save.
    <!--?php /** Template Name: Slider Template * @since: 1.0.0 */ ?-->
    <!--?php get_header(); ?--> 
     
    <!--?php echo do_shortcode('[events_slider]');?-->
     
    <!--?php get_footer(); ?-->
    

Now, go to WP-admin >> Pages >> Add New. Here, you will get “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:

WP event manager Event slider page template

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.

WP event manager Event slider frontend

Responsive View Of Slider

Yes, the slider you see here is,b>totally responsive. When your visitors are viewing the website on any of the different devices(tablet, mobile, iPad, etc.), the slider promises to render well without messing up the looks and format of your website.

WP event manager Event slider responsive

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,

  1. Create directory “wp-event-manager-sliders” under your theme folder
  2. Copy the template file to “/wp-content/yourtheme/wp-event-manager-sliders/” directory.
  3. 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/).
    • wp-event-slider.php – which display event listings with slider.

    Remember: If you have overridden 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.

Was this article helpful?
How can we improve this article?
Quick Links