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 an incredibly useful process to learn because it can help you figure out exactly what’s causing problems with your website.

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

  • Changes made to 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.
    not reflecting in a live page.
  • 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 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 component, in hardware or software, that stores data so it can be loaded faster 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, and this 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 are using 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 give this option via WordPress Dashboard > Settings.

Server Cache

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

Switch Browsers

Slider Revolution, and all other plugins, use CSS and JavaScript that works differently between various 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 there, leaving your main configuration unchanged.

Open Website in a Private Window

Extensions or Addons added in Chrome and Firefox browsers are heavily dependent on JavaScript, and that code might be triggering 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 extensions.

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

Like browsers, operating systems on desktops, phones, tablets, and notebooks behave differently too. 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

There are a few options available in the Slider Revolution plugin to troubleshoot any issues that arise.

Script files of the Slider Revolution Plugin usually load early among the sequence of items that are 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 an added bonus, doing this can also give a boost to 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 and click on Globals from the top bar:

The Global Settings dialogue box will appear.

Activate “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:

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

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, carry on and try the solutions described below.

Fix RevSlider Table Issues

Slider Revolution’s Force RS DB Creation functionality is a big help in the 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:

Click on the Force RS DB Creation 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 that will help prevent conflicts with installed themes, third-party plugin(s), and other Slider Revolution 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 same location as the HTML of that module. This is a similar solution to moving scripts to the footer, but moves the scripts of a specific module rather than of 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:

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.
. Click on the Advanced sub-section:

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

Scroll down to JQuery & OutPut Filters panel:

Toggle the jQuery No Conflict Mode option to ON:

Toggle the Put JS to Body option to ON:

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 be occurring. 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 custom unique module ID. If you do add custom IDs to modules, however, it’s important they should unique. If you duplicate any module with a custom ID make sure to change the ID or remove it completely.

Go to a module:

Go to Defaults from Module General Options in the sidebar:

Scroll down to Default Basics:

Check the Module ID field:

If there is a custom Module ID and that same ID is being used on any other module as well, 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 kind of incompatibility, that prevents the Module Editor from operating normally.

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

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 very good chance the last plugin you reactivated is the source of the conflict.

Theme Conflict Test

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

If it does, then it is likely the theme is 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 make sure you have the latest versions of WordPress, as well as the latest 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 enabling automatic updates to protect yourself from future issues, we recommend you follow these official guides at WordPress.org:

If the Issue Is Still Occurring? Contact Awesome Support

These are some of the most commonly effective tips to troubleshoot some common issues, but if you are still encountering problems or have any queries, feel free to contact our support team via 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!

Leave a Reply

Your email address will not be published. Required fields are marked *

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