This article provides an introduction to the different parts of the SR Module Editor.
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?
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.