Slides Not Auto Progressing

Stuck Slides?

Sometimes, after you finish designing a module <sup>[?] A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.

A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.

A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.

Multiple modules can be combined to form rich content such as complete sites and landing pages.</sup>, you might find its slides <sup>[?] A "slide" in Slider Revolution is a container into which multiple layers can be added, with layers in turn acting as containers for various forms of media such as images, text, video, audio, buttons, and special effects.

Slides are added to modules and edited via the module editor.

Within the module editor, each slide has its own animation timeline, background and collection of layers.

A single module can have one or many slides. A module with one slide is called a scene, and a module with multiple slides is called a slider or carousel.</sup> stop auto progressing as expected.

In this guide, we will step through some methods to find and fix the cause of this issue.

Module Settings

First, we will check the module’s layout Type and Slideshow options to confirm that the settings enable auto-progressing slides.

Note: After configuring each setting below, keep testing your module on a live page.

Module Layout Type

Every Slider Revolution module uses one of three layout types: Slider <sup>[?] A slider is a type of module that contains multiple slides. You can only see one slide at a time, a distinguishing features that makes sliders different from carousels.

The slides of a slider can be panned through either by using navigation controls such as arrows and tabs, or by clicking and dragging. They can also be set to automatically transition from one slide to the next.</sup>, Scene <sup>[?] A scene is a type of module that has only a single slide. Because it has only one slide that also means it doesn't have any navigation elements.

Scene type modules are a great way to create more static type content like website headers, menus and text content displays. For example, if you want to build full sites and landing pages with Slider Revolution, you will probably stack many scene type modules on top of each other.</sup> or Carousel <sup>[?] A carousel is a type of module that contains multiple slides. However, unlike a slider, you can see multiple slides at the same time.

Carousel slides appear next to each other horizontally and can be panned through either by using navigation controls such as arrows and tabs, or by clicking and dragging. They can also be set to automatically transition from one slide to the next.</sup>.

You can read more about module layout types on the Blank Modules page of our manual.

The Scene layout type is intended to be used for single-slide-based modules. As such, if your module is configured to use the Scene layout type, it will only show the first slide and will not move forward to the subsequent slides.

Follow the steps below to check your module layout type.

Go to your website dashboard:

Go to the Slider Revolution plugin:

Select your module to edit:

Under the Module General Options tab in the right sidebar, go to the Layout sub-section:

Scroll down to the Layout panel:

Set the Type option to either Slider or Carousel if not already selected:

Click the Save button:

Slideshow Settings

This section will check the settings of three options in the Slideshow panel. These options are Auto Rotate Slideshow, Loop One Slide, and Stop after N Loops. Each option can potentially prevent a module from auto-progressing.

Go to your website dashboard:

Go to the Slider Revolution plugin:

Select your module to edit:

Under the Module General Options tab in the right sidebar, go to the General sub-section:

Scroll down to the Slideshow panel:

Toggle the Auto Rotate Slideshow option to ON if not enabled already:

Switch the Loop One Slide option to OFF if enabled:

Toggle the Stop after N Loops option to OFF:

The above option stops slide progress after the configured number of the loop at a specific slide. Learn more about the Stop After N Loops option.

Click the Save button:

Broken HTML Content

If you checked all the steps above and the slides are still not moving forward, there is a chance that either:

• You have forgotten an opening or closing HTML tag.
• Or, you have used unsupported code. For example, JavaScript/jQuery code is used in text layers, which is not supported.

Go to your website dashboard:

Go to the Slider Revolution plugin:

Select a module to edit:

Select a Text layer with HTML content from the timeline <sup>[?] The timeline is the section of the module editor dedicated to animation and controlling the stacking order of layers.

From this part of the editor animations can be added, adjusted and previewed. Additionally, layers can be selected from the timeline, and can be dragged and dropped up and down on the timeline to modify which appear in front and which behind.

It can be equally compared to both a timeline in a typical video editing application, and a layers panel in a typical graphic design application</sup>:

The Layer Options tab will be opened in the right sidebar:

Go to the Content sub-section:

Go to the Text/Button Layer Content area:

Search for any missing opening or closing HTML tags, e.g. <strong> with a missing closing </strong> tag:

Fix the missing tag, e.g., by adding a closing </strong> tag:

Look for any JavaScript or jQuery code:

Remove the JavaScript/jQuery code from the Text/Button Layer Content area:

Click the Save button:

Run a Conflict Test

The Module Editor is not always perfect. Sometimes a plugin or theme installed on your site may introduce an incompatibility or conflict that prevents the Module Editor from operating normally, but don’t lose hope! With some troubleshooting knowledge, you can get things working again in no time.

Perform a conflict test described in detail in our How to Test for Conflicts guide to check if this is the case.

Note: Always be cautious if you are testing for conflicts on a live site. A backup before you begin is recommended.

Plugin Conflict Test

When you have a plugin conflict, the best way to fix it is by turning off all of your plugins and checking if that helps.

If the problem goes away, keep reactivating your plugins one at a time until you find what’s causing it.

If the issue returns, there is a perfect chance the last plugin you reactivated is the source of the conflict.

Theme Conflict Test

It is essential to check if there are any conflicts with your current theme before activating another one. This way, you can avoid the problem from coming back after switching back and forth between them.

If it does, then the theme is likely the source of the conflict.

Contact Us

If you are encountering any problems or have any queries, feel free to contact our support team by opening a ticket or sending us an email ([email protected])