How To Troubleshoot?

If you are experiencing any errors or issues with your website, or with Slider Revolution, follow this article and learn how to self troubleshoot.

Common Slider Revolution Issues To Troubleshoot

Troubleshooting can be tricky and nuanced; however, it’s beneficial to learn because it can help you figure out precisely what’s causing problems with your website.

Different problems can appear on WordPress sites, mainly using multiple plugins or a non-official theme. Some common issues include:

  • Changes made to a module (definition_tip term is incorrect) are not reflected on a live page.
  • The styling of a module is messed up on a live page but working in the dashboard.
  • A module is not appearing at all.
  • A module is not editable in the dashboard.
  • Some JavaScript errors are occurring in the console.

Follow the step-by-step instructions below to find out how to troubleshoot these issues. 

Note: This troubleshooting guide primarily addresses the most common types of conflicts, but keep in mind that as your site grows, there could be more and different kinds of conflicts.

Clear Cache

A cache is a hardware or software component that stores data to be loaded faster the next time it is requested. This decreases loading time and helps websites and applications load quickly.

Unfortunately, caches can sometimes cause problems if old content gets stuck in them, which can be the source of issues like those listed above.

To remedy this, you can clear the caches of your browsers, website server, and any cache plugins you are using on your website.

Browser Cache

You can clear the cache of browsers by hard-refreshing the page, as described below.

Clear Chrome / Firefox / IE Browser Cache

On macOS press CMD + Shift + R, or hold Shift and click the browser Reload button.

On Windows and Linux, press Ctrl + Shift + R or Ctrl + F5.

Clear Safari Browser Cache

On macOS press Option + CMD + E.

WordPress Cache Plugins

If you use any third-party cache plugin, clear the cache from the cache plugin’s settings. The option to clear and purge cache is usually given on the top bar of the WordPress panel. Also, some plugins provide this option via WordPress Dashboard > Settings.

Server Cache

You can contact your hosting provider to clear the cache from the server for you. Removing the server’s cache is not required in all cases, but if the above tips don’t help, you might also want to clear the cache from the server.

Switch Browsers

Slider Revolution and all other plugins use CSS and JavaScript, which work differently between browsers. Testing on multiple browsers can narrow down where the sources of the issue might be coming from.

Note: If you want to avoid affecting your usual browser setup, you can open your website in a private window and turn off the extensions, leaving your main configuration unchanged.

Open the Website in a Private Window

Extensions or Addons added in Chrome and Firefox browsers are heavily dependent on JavaScript, and that code might trigger the error or issue you are encountering. To find out, you can either:

  • Disable the extensions/addons from the browsers.
  • Test your page on a private window without any extension enabled.

Follow the instructions for your browser below to turn off its wings.

Disable Mozilla Firefox Extensions

  1. Click the menu button on the top right corner with three bars.
  2. Click on Add-ons and Themes, then select Extensions.
  3. Scroll through the list of extensions.
  4. Click the blue toggle for the extension you wish to disable.

Disable Google Chrome Extensions

  1. At the top right, click More (three dots in the vertical direction) > More tools > Extensions.
  2. Scroll through the list of extensions.
  3. Click the blue toggle for the extension you wish to disable.

Disable Safari Extensions

  1. Choose Safari > Preferences, then click Extensions.
  2. To turn off an extension, deselect its checkbox.

Test With Multiple Devices

Operating systems on desktops, phones, tablets, and notebooks behave differently than browsers. Test on multiple devices, with different browsers if possible, to rule out the possibility of any operating system being the culprit.

Troubleshooting from the Slider Revolution Dashboard

A few options are available in the Slider Revolution plugin to troubleshoot any issues.

Script files of the Slider Revolution Plugin usually load early among the items loaded into your site.

Sometimes problems can be solved by making these files load later by moving them to the site’s “footer” via the Global Settings of the plugin. As a bonus, doing this can boost the page’s load speed.

Follow the steps below to move the scripts in the footer.

Go To Global Settings

Go to the main Slider Revolution admin area:

Slider Revolution admin area

Click on Globals from the top bar:

Click on Globals from the top bar

The Global Settings dialogue box will appear:

The Global Settings dialogue box will appear

Activate the “Insert Scripts In Footer” and “Defer JavaScript Loading” Toggles

On the left side of the dialogue box, toggle the Insert Scripts In Footer option to ON:

On the left side of the dialogue box, toggle the Insert Scripts In Footer option to ON

Directly below that option, toggle the Defer JavaScript Loading option to ON:

Directly below that option, toggle the Defer JavaScript Loading option to ON

Click the Save Global Settings button:

Click the Save Global Settings button

Inserting the scripts from the Slider Revolution plugin in the footer prevents some types of conflicts. However, there are also other types of conflicts that can occur.

So if the above doesn’t solve your problem, try the solutions described below.

Fix RevSlider Table Issues

Slider Revolution’s Force RS DB Creation functionality is a big help in cases where the plugin shows errors related to the index ID of any module. You can identify such issues if a module:

  • Is not opening and is throwing any error.
  • Is not showing any content in the editor.

You can fix the above and related issues from the global setting of the Slider Revolution plugin.

Go to the Globals setting:

Go to the Globals setting

Click on the Force RS DB Creation button:

Click on the Force RS DB Creation button

Click the Save Global Settings button:

Click the Save Global Settings button

Activate No Conflict Mode and Move JS to Body

If moving the scripts from Slider Revolution into the footer did not resolve your issue, you can turn on a No Conflict mode to help prevent conflicts with installed themes, third-party plugin(s), and other internal libraries.

Technical note: Activating this mode calls the jQuery.noConflict() method.

You can also activate a JS to Body option that moves the JS (JavaScript) scripts from each module to the exact location of that module’s HTML. This is similar to moving scripts to the footer but moves the scripts of a specific module rather than the whole plugin.

This option is used when the module is not loading normally due to third-party themes or plugins adding filters for the scripts loading on the page.

No Conflict mode and JS to Body can be enabled for individual modules one at a time, so to activate them on all your modules, follow the steps below for each.

Go To Advanced Settings in Your Module

Mouse hover on your module and click on its pencil icon to edit:

Mouse hover on your module and click on its pencil icon to edit

Go to the Module General Options tab from Sidebar in the Module Editor [?] The "Module Editor" is the tool used to create & modify modules.

Through this visual, drag & drop, no-code interface you can add various types of layers, animation and special FX to your modules, as well as managing slides and configuring options.
:

Go to the Module General Options tab from Sidebar

Click on the Advanced sub-section:

Click on the Advanced sub-section

Activate the “No Conflict” and “Put JS to Body” Toggles

Scroll down to JQuery & OutPut Filters panel:

Scroll down to JQuery & OutPut Filters panel

Toggle the jQuery No Conflict Mode option to ON:

Toggle the jQuery No Conflict Mode option to ON

Toggle the Put JS to Body option to ON:

Toggle the Put JS to Body option to ON

Click the Save button:

Click the Save button

The module will now load in No-Conflict mode with its JS scripts moved to the body.

However, because a WordPress site can have many moving parts, it’s still possible some conflicts could occur. So if the problem hasn’t yet gone away, run a conflict test by following the steps in the section coming up next.

Check for a Unique Module ID

Each module already has a unique ID by default, but if you wish to add some custom CSS or JS code to any specific module, you can assign a unique module ID. However, if you add custom IDs to modules, they must be unique. If you duplicate any module with a custom ID, change it or delete it.

Go to a module:

Go to a module

Go to Defaults from Module General Options in the Sidebar:

Go to Defaults from Module General Options in the Sidebar

Scroll down to Default Basics:

Scroll down to Default Basics

Check the Module ID field:

Check the Module ID field

If there is a custom Module ID and that same ID is being used on any other module, change the ID to make it unique. The easiest way to make it unique is to append a digit—for example, testID2.

Check for WordPress Theme or Plugin Conflicts

Sometimes a theme or another plugin installed on your site may introduce a conflict, i.e., some incompatibility, that prevents the Module Editor from operating normally.

Perform a conflict test, as described below, 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

A plugin conflict test can be done by turning off all your plugins, then checking to see if the issue is resolved.

If the problem does go away, turn the plugins back on again one at a time, and after each reactivation, check if the issue returns.

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

Theme Conflict Test

Try activating an alternative theme to test if there is a conflict with your active theme, then check if the problem goes away.

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

Update WordPress, Themes, and Plugins

An outdated version of WordPress, or outdated themes and plugins, could also cause issues with image display in modules.

Check and ensure you have the latest versions of WordPress, the newest version of your theme, and any third-party plugins installed on your site.

To learn how to update everything on your site, as well as enable automatic updates to protect yourself from future issues, we recommend you follow these official guides at WordPress.org:

Is the Issue Still Occurring? Contact Awesome Support

These are some of the most common practical tips to troubleshoot some common issues, but if you are still encountering problems or have any queries, feel free to contact our support team by opening a ticket or sending us an email ([email protected])

How To Troubleshoot?

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!

8 thoughts on “How To Troubleshoot?

  1. Hello.

    We have a button on our site labeled. ‘”SHOW ME STASH MONKEY”

    It appears above “Get on the list” and below the countdown, but only on Chrome. It does not show up in Safari. Can you help?

    Thanks

    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

      Cheers Dirk @ Slider Revolution

  2. I have disabled the slider to appear on mobile, however it now just shows a blank white space on mobile, how do I remove this white space?

  3. Hi,

    I’m trying to add a slider by using your plugin but it is not showing on the live website. However, it is visible on my website’s editor (Elementor). And it is also showing on the home page of the website when I log in to it. I don’t know where is the problem. Could you please check it for me? Here is my site: https://www.cynamedical.com/

    Kind regards.

    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.