fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Mega Slider for Elementor

Mega Slider Widget” helps you to easily turn any Elementor sections into slider slides. Now you can amaze your website visitors with jaw-dropping slider designs that look amazing on any device. You can use sections as slider items and design with no limits. You can use also use the built-in Entrance Animations provided in Elementor to animate the layers when each slide loads to the page. It also supports the advanced options like Remote Control and Sync with other widgets.

 

Let’s look at each of the options in the “Mega Slider Widget” below.

Install Mega Slider Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Mega Slider
  3. Hover over the widget in the search results and click install
  4. Add your “Mega Slider” widget to any Elementor Page

How it works? #

To set up the Mega Slider is very simple- each item in the Mega Slider can be connected to Elementor section by ID. The sections can come from the current page or from an external Elementor template. Step-by-step tutorial is as below.

Option 1: Add sections to the Mega Slider #

Design two or more Elementor sections using the page builder. After this you need to go to the advanced settings of a section that you created  >> give the section a CSS ID. You can create as many sections as you need for you Mega Slider.

Add items to your Mega Slider. Each item should have a corresponding section ID.

Go to Mega Slider Settings>>>Go to slider items settings>>>In Section ID option, add name for section.

Option 2: Use Template in Mega Slider Sections #

Go to Templates in the WordPress side menu >> Add new >> Select the template type as page and give your Template a name. Add all the sections to your template and give each section an ID.

Go to >> Template in “Mega Slider” Settings :

Choose any template for slider sections

Carousel Settings #

1

Autoplay

Set the autoplay option on or off.

2

Slide Duration

Set the slide duration in milliseconds.

3

Loop

Turn on or off the loop option.

4

Autoplay Hover Pause

Autoplay will pause on mouse hover.

5

Mouse Drag

Carousel can be dragged with mouse.

6

Touch Drag

Slider can be dragged with touch swipe.

7

Show Arrows

Show/Hide the arrows.

8

Left Arrow Icon

Choose an icon for left arrow.

9

Right Arrow Icon

Choose an icon for right arrow.

10

Show Bullets

Show/Hide the navigation bullets.

11

Animation

Select the animation from the given options.

  • None
  • Fade In Out
  • Fade In Left Out Right
  • Fade In Left Out Right Big
  • Fade In Right Out Left
  • Fade In Right Out Left Big
  • Fade In Out Up
  • Fade In Out Up Big
  • Fade In Out Down
  • Fade In Out Down Big
  • Slide In Left Out Right
  • Slide In Right Out Left
  • Slide In Out Up
  • Slide In Out Down
  • Zoom In Out
  • Zoom In Out Down
  • Zoom In Out Left
  • Zoom In Out Right
  • Zoom In Out Up

Testing and Tools #

1

Show Errors

Show if have any errors

2

Debug Available Item Ids

Show debug in items

3

Debug Items Elements Ids

Show debag in elements

4

Hide Sections in Editor

Don't Hide

Hide

Hide with message

Connected Widgets Settings #

1

Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2

Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3

Sync

You can connect two item-based widgets and sync them.

4

Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Items Settings #

1

Title

Type a title for slider item.

2

Section ID

Type the section id of the section to display as slider item.

Nav Arrows Styling #

Set the nav arrow spacing, position, arrow radius, icon size, nav arrow background, icon color, icon color hover.

Nav Bullets Styling #

Style the nav dots size, color, spacing, and alignment.

Usage Examples #

Here are some live use cases for the Mega Slider Widget.

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!