Slider Revolution

Slider Revolution

Slider Revolution

Slider Revolution

Import Slider in Slider Revolution

Step one:

Go to slider’s list page. And click on “Import Slider”.

Step Two:

Upload demo slider ZIP file. You can download the demo content from our theme preview page. At the bottom every theme demo name, you can find the demo download link.

Create a new Slider

From the plugin’s main admin page, select “Create New Slider”.

Enter a Slider Title (1) and Alias (2), and click “Save”.

Quick Note:
Before saving, you can select several of the slider’s settings from this page. But choosing these settings are not required to officially create a new slider, as they can be adjusted afterward.

Alias Naming:
The slider’s “Title” can be anything, but the “Alias” should not have any special characters or spaces (but dashes and underscores are ok).

You’ll now be redirected to the plugin’s main admin page where you’ll see your new slider listed.

Slider Settings

When adjusting your slider’s settings, a small preview box will be shown to illustrate each setting. This is particularly useful for settings such as “Appearance”, “Navigation”, etc., as it will give you a quick visual of the specific setting.

In the following screenshot, “Shadow Type 1” is illustrated in the hover preview box.

Slideshow

Stop Slide on Hover

Stop slider progress when the user hovers their mouse over the slider.

Stop Slider After..
  • Amount of Loops:
    Stop the slider after all slides have looped a set amount of times.
  • At Slide:
    Stop the slider at a specific slide.
  • On Mobile Only
Shuffle / Random Mode

Stop slider progress when use hovers their mouse over the slider.

Loop Single Slide

Choose to loop your slider if it has only one slide (“Standard Slider” much be chosen as the Slider Type).

Stop Slider out of Viewport

Stop slider when the page is scrolled and the slider is no longer visible.

  • Out of Viewport:
    • Wait:
      Only start the slider when its scrolled into view (useful for sliders further down the page).
    • Pause:
      Pause the slider when its scrolled out of view.
  • Area out of Viewport:
    A percentage of the slider that needs to be inside/outside the viewport before slider starts or pauses.
  • Preset Slider Height:
    Instruct the Slider to allocate space on the page ahead of time to help prevent other content from jumping once the slider first scrolls into view.

Defaults

Set the default individual slide settings.

For example, let’s say you always want your individual slides to start off with a “Slide to Top” transition.  Adjusting the “Transitions” value will set it up so all new slides have a “Slide to Top” transition by default.

Or if you already have individual slides created, you can change the value of “Transitions” and then select its checkbox, and then click the “Overwrite Selected Settings on all Slides” button, and the main transition for all existing slides will be changed to the new default value.

Progress Bar

The timer line that illustrates the amount of time before the next slide is shown.

If active, choose the progress bar’s position (top or bottom of the slider), its height in pixels, and also its color and transparency level.

First Slide

Alternative 1st Slide

Normally the slider will always start with slide #1.  But if you’d like your slider to start with a different slide, enter the slide’s number here.

First Transition Active

Sometimes when your slider first starts, it’s more elegant to have a different transition such as a simple fade at the very beginning.  Use this option if you’d like to specify a special, initial transition for the very first slide.

When set, the special transition will only be executed on the very first slide once.  Then once the slider loops, the original slide will default back to its individual slide transition settings.

Misc.

Next Slide on Focus & Disable Blur/Focus Behavior

Browser behaviour varies when switching between windows/tabs (JavaScript stops executing, etc.).  But these options will often correct slider issues related to switching between tabs and windows.

Slider Management

  • 1. General Options
    • a. Embed Slider – View options for how the slider can be added to one of your pages.
    • b. Export – Create a zip file of your slider that can be imported to a different website.
    • c. Delete – Delete the slider.
    • d. Duplicate – Create a copy of the current slider.
    • e. Preview – View a quick preview of the slider from inside the slider’s admin.
  • 2. Slider Settings – Content Source, Layout Options, etc.
  • 3. Create/Edit Slides – Individual slide management.

Have any recommendation to improve the documentation?

Submit your Feedback

Submit your feedback