The Slider Revolution Dark Mode Addon is an extension for Slider Revolution, the WordPress plugin for sliders and content modules that ThemePunch created. Addons extend what the plugin can do, and each one is installed on the site before it is switched on for the individual modules that should use it. This entry explains where an addon fits within a Slider Revolution project, how it is installed and enabled, how modules are organized in the editor, and what to check before publishing a page that depends on the addon.

Where an addon fits in a Slider Revolution project

Slider Revolution organizes its content into modules, slides and layers. A module is the container that appears on a page, a slide is one stage within that module, and a layer is an individual element such as a heading, an image, an icon or a button. An addon works within this structure as an additional capability that a module can draw on. Because addons are optional, a site can run Slider Revolution without any of them, and a module that has not enabled a particular addon is not using it.

Addon groups and templates

The addon showcase sorts Slider Revolution addons into groups such as Special effects, Page FX and Animation. Addons in the Page FX group can also work as native WordPress blocks, so they can be placed on a page without building a module first, and they then use their own simplified controls. The visual editor offers more than 200 templates. When a template relies on an addon, Slider Revolution shows which addon that is, and effects contained in a template can be copied into a module of your own. Studying a template is therefore a practical way to see how an addon behaves before starting a design from scratch.

Installing the addon

Open the Slider Revolution plugin dashboard and select AddOns, which displays the available addons in a dialog. Click the icon of the addon you want, and its details appear in the sidebar on the right. Select Install Add-On in that sidebar, and the download and installation run automatically. When installation has finished, select Activate Add-On. The addon’s thumbnail changes from black and white to full color, which indicates that the addon is active and ready to be enabled in modules.

Enabling the addon in a module

Installing an addon does not switch it on for any module, so each module that needs it must be configured separately. Open the module in the Module Editor, then use the right-hand sidebar to reach the Module General Options tab. Choose Addons, select the addon’s icon in the Addons window and press the blue Enable Add-On button beside it. Close the window when you are finished. Enabling an addon typically adds new options to the right-hand sidebar or the top menu, and each addon has its own controls, so the Using Addons section of the manual is worth reading for the specific addon.

The editor and its main areas

Each module has Module Options, where layout settings such as the module background color are held, and each slide has Slide Options, where its own background is set. Layers are added from the Add Layer menu, which includes icon and SVG options as well as buttons. The Size & Pos controls offer alignment buttons together with position and size fields. Interactions are defined in the Actions panel, where a designer selects an action type, an interaction, a target layer and, where relevant, a frame to go to. Timing is handled in the timeline editor, the responsive editor shows the module at different widths, and a Preview option displays the result before publication.

Embedding a module on a page

Once a module is complete, it can be placed on a page with its shortcode or with the Slider Revolution page builder widget. Buttons can be given link actions that scroll to an element identified by its ID, scroll to the point below the slider, or open a simple link. This gives the designer control over how visitors move from the module to the rest of the content. Testing the embedded module on the live page, not only inside the editor, is a sensible final step before publication.

Designing for different screens and visitors

A module can look quite different on a phone than it does on a desktop display, so the responsive editor should be used to check positions, sizes and text before a page goes live. Keep the main message inside the visible area on smaller screens, and avoid placing text where a navigation bar or an image crop could cover it. Where a module includes motion, consider visitors who prefer less movement, and make sure the essential information is still available as plain text. Clear contrast between text and background matters just as much, particularly on a site that combines light and dark sections.

Preparing a module before adding an addon

Start by deciding what the module must communicate, which visitors it is for and where it sits on the page. Sketch the order of slides, the layers each slide needs and the points at which visitors should be able to act. Writing these decisions down makes it easier to judge later whether an addon improves the design or simply adds complexity. A module that is clear before any addon is enabled is usually easier to maintain once changes are introduced.

Keeping track of changes

Changes to an animated module are easy to lose track of once several people work on the same site. A short change log, kept with the site documentation, can record the date, the module affected, the addon involved and the reason for the change. When a visitor reports a problem, that log makes it possible to trace the most recent change quickly. Brief, factual and dated entries are usually enough to be useful.

Compatibility and testing

An addon depends on the plugin it extends, so Slider Revolution must be installed and active before any addon can work. Confirm the Slider Revolution and WordPress versions running on the site, then read the addon’s own documentation for any stated requirements. Test the module on a staging copy of the site, paying attention to the active theme, caching plugins and any page builder in use, because each of these can change how a module is displayed. Record the versions used in testing so that a later update can be checked against a known baseline.

Maintenance and backups

Keep Slider Revolution and its addons up to date, and take a complete backup before applying a major update. Slider Revolution also offers a separate Backup addon, which keeps a version history so that earlier work can be recovered. That kind of history is useful for teams that edit modules frequently. After each update, review the modules that matter most, since changes to the plugin or the theme can alter spacing, timing or the appearance of layers. A short written list of the addons enabled on each module also speeds up troubleshooting when something behaves unexpectedly.

Common setup mistakes

A frequent source of confusion is an addon that has been installed but not enabled in the module being viewed. Another is a module that looks correct in the editor but has not been checked at phone widths. Copying a template and changing it without retesting can also introduce problems, because the copied effects may depend on settings that were changed elsewhere. Building a short checklist for each module, covering installation, enablement, responsive review and embedding, prevents most of these issues.

Organizing modules for reuse

Modules that will be reused across several pages benefit from clear names, consistent layer naming and a short note of the settings they rely on. Keeping a small library of tested modules makes it easier to introduce an addon consistently, because each module already has a known structure. Where a module is reused on another site, record which addons it needs so that the receiving site can be prepared in advance.

Who should consider the addon

The addon suits Slider Revolution users who want to extend a module with an additional capability. It is also relevant to developers who manage several client sites and need consistent module behavior across them. Designers with a library of reusable modules can make an addon part of their standard toolkit once it has been tested. Anyone new to Slider Revolution is better served by learning the basic editor first, then introducing addons once the core workflow feels comfortable.