Slider Revolution Magento 2.x Extension Documentation

Problem Handlings


For compatibility with older mobile devices and legacy IE, you can choose to simplify the slider’s functionality or replace it with an alternative image.

Simplify on iOS4/IE8

Animations will be set to simple “fade” for older iOS and IE, which will will dramatically improve performance for these environments.

Use Alternative Image

Choose to use an alternative image in place of the slider for mobile devices, IE8, or both.  When an alternative image is used, enter the image’s absolute url into the “Alternative Image” field.

HTML5 Autoplay on Mobiles *

Enable autoplay for HTML5 background video or HTML5 Video Layers on mobile devices.

* Option only available when the video is muted by default or doesn’t include an Audio track.

Ignore Height Changes *

Often useful for fullscreen sliders on mobile devices to help prevent image size changes when the native browser address bar appears and disappears.

* Option will only appear for FullScreen sliders only

Ignore Height Changes Under *

The same as the option above, except here you can define a specific height where browser height changes would start to be ignored (640px, etc.)

* Option will only appear for FullScreen sliders only

Use the troubleshooting options to solve common conflicts with other plugins and themes.

jQuery No Conflict Mode

Using jQuery noConflict is considered best practice for Magento, and Slider Revolution uses this by default.  But sometimes another theme or plugin may not be built using this best practice, which can often cause a conflict.  In these cases, setting this option to “OFF” can sometimes resolve this issue.

Put JS Includes to Body

Often solves conflicts with “minify” plugins and also certain themes that don’t call “wp_head()” properly.

Output Filters Protection

Sometimes a theme runs special filters over the page’s content (against Magento best practices), which results in breaking the slider’s HTML markup (if you view the slider’s HTML source in your browser, you’ll often find “<p>” tags injected throughout the slider’s markup).

The “Output Filters Protection” option will attempt to combat this conflict.  “By Echo Output” will often place the slider above all other content on the page, which is fine for sliders that are originally placed above the other page’s content to begin with, but when the slider is meant to be shown below other page content, “By Compressing Output” is best.

Debug Mode

Adds visual debug information when testing the frontend version of the slider.