Slider Revolution Magento 1.x Extension Documentation

Editor Overview

This article provides an introduction to the different parts of the SR Module Editor.

Contents

1. Enter the Module Editor

After creating a new Module or Importing a Template, select the module to enter the Module Editor

2. Slide Menu / Add Layers

Return the the plugin's main admin page

Switch between Slides or add a new Slide

Add a new Layer to the current Slide

3. Duplicate, Delete, Rename Layers

Select a Layer on the Stage to edit its name/title

Duplicate, copy or paste the selected Layer

Delete the currently selected Layer

Lock the selected Layer from further editing

Show/Hide Layers on the editing canvas (for editing purposes only)

Click the arrows to quickly toggle between selected Layers on the editing stage

4. Undo/Redo, Viewports & Quick Content

Layer Selection Mode

Layers can be edited individually or in groups.  Choose "Single Select" to select single Layers individually, "Add to Selection" to select multiple Layers using the "Ctrl" key, and "Drag to Select" to select multiple Layers by dragging your mouse over the Layers you wish to select. 

Undo/Redo Editor Changes

Edit your Slides with peace of mind knowing you can always undo/redo any change

Switch between Viewports

Use the Viewport Switcher to change the size, position, etc. of content for different screens.  

Don't see the Viewport Switcher option in the Editor?

Head over to the Module Settings -> Layout panel to enable the available breakpoints as shown in the screenshots below.

Activate "Help" Mode

Once "Help" mode is activated, hover your mouse over an option in the settings panel to view learn more about that option.

Add pre-styled content with the "Quick Content" option

5. Settings Panel

5.1 Module Settings

Settings found in this panel will apply globally to the current Module.  For example, copy the module's shortcode from the "Title" section, or choose if the Module should be Full Width or Full Screen in the "Layout" section.

5.2 Navigation Settings

Enable navigation such as arrows or tabs to allow the user to switch between your module's Slides.

5.3 Slide Settings

Adjust settings for the current Slide such as its main background image or how it animates into view.

5.4 Layer Settings

Select a Layer on the editing stage and then adjust its text, styling, position, animations and more.

6. Slide Timeline

Adjust when a Layer should animate into and out of view as well as the duration of each Layer's animation.

7. Save Changes

When you're ready to save your changes, click the "Save" button located at the bottom-right of the editor.