Slides Not Auto Progressing

Do your slides not transition from one to the next as expected? This tutorial will help you to fix the issue and to configure the module's settings correctly.

Featured Image

Stuck Slides?

Sometimes, after you finish designing a module [?] 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.
, you might find its slides [?] 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.
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 are going to check the module’s layout Type, and its Slideshow options, to confirm the settings are configured as required to enable auto-progressing slides.

Note: Keep testing your module on a live page after configuring each setting below.

Module Layout Type

Every Slider Revolution module uses one of three layout types: Slider [?] 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.
, Scene [?] 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.
or Carousel [?] 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.
.

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 it will not move forward to the subsequent slides.

Follow the steps below to check your module layout type.

Go to your website dashboard:

WordPress dashboard

Go to the Slider Revolution plugin:

Slider Revolution plugin dashboard

Select your module to edit:

Edit module in the Slider Revolution plugin

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

Layout sub-section under Module General Options

Scroll down to the Layout panel:

Layout panel under Layout sub-section

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

Layout type: Slider, Carousel

Click the Save button:

Save modification button

Slideshow Settings

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

Go to your website dashboard:

WordPress dashboard

Go to the Slider Revolution plugin:

Slider Revolution Plugin dashboard

Select your module to edit:

Edit module

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

General sub-section under Module General Options

Scroll down to the Slideshow panel:

Slideshow panel under General sub-section

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

Auto Rotate Slideshow toggle option

Toggle the Loop One Slide option to OFF, if enabled:

Loop One Slide toggle option

Toggle the Stop after N Loops option to OFF:

Stop after N loops toggle option

The above option is used to stop 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:

Save modification button

Broken HTML Content

If you checked all the steps above and 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 used in text layers, which is not supported.

Go to your website dashboard:

WordPress dashboard

Go to the Slider Revolution plugin:

Slider Revolution Plugin dashboard

Select a module to edit:

Edit module

Select a Text layer with HTML content from the timeline [?] 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
:

Text layer in the module editor timeline

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

Layer Options tab in the right sidebar

Go to the Text/Button Layer Content area:

Text/Button Layer Content area

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

Search for missing HTML tag

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

Fix the missing HTML tag

Look for any JavaScript or jQuery code:

Search for any JavaScript/jQuery code

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

Remove the JavaScript/jQuery code

Click the Save button:

Save modification 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 at all

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

Note: If you are testing for conflicts on a live site, always be cautious. 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, just keep reactivating your plugins one at a time until you find what’s causing it.

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

Theme Conflict Test

It is important 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 it is likely the theme is the source of the conflict.

Contact Us

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

Slides Not Auto Progressing

The Author

Kashif

Technologist, Writer, Philosopher, and above all a problem-solver. Living by the motto "Be the reason someone smiles today".

Liked this Post?
Please Share it!

2 thoughts on “Slides Not Auto Progressing

  1. Hi Slider Revolution Support Team, I have been unable to figure out why our slides are not progressing. http://www.nsilabsolutions.com. I checked all tags and code to ensure it was not the issue. I also walked through all the recommendations in the self-help tutorial. It said if none of those things (in the tutorial) resolved the issue, to reach out to support. So here I am reaching out to support.
    -IT Mgr

    1. Hello,

      thanks for contacting us! Your request requires one of our support agents to have a closer look.

      In order to give our clients the best support possible, we are having a support ticket system reachable via the link below.

      Please use it for your upcoming questions concerning one of our products. This will guarantee the fastest answer possible. Support requests here cannot be answered, unfortunately. Thank you!

      Please use our ticket systems over at:
      https://support.sliderrevolution.com or https://support.essential-grid.com

      Cheers Dirk @ Slider Revolution

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Newsletter

Join over 30.000 others on the Slider Revolution email list to get access to the latest news and exclusive content.