Revolution slider documentation. Modules are created and edited with the module editor.
07. The “poster” is what will first animate into view when the Slide is shown, and then the video will begin to play afterward. Sure, you can absolutely create stunning sliders, but you can also use this incredibly powerful tool to produce all kinds of visually captivating content for your sites. Example Start/End Date with a time included: (month-day-year hours:minutes) 11-01-2019 11:30 May 12, 2022 · When your slider is partially in the viewport and the threshold is set to 50%, then, on the first scroll, the slider will scroll into the viewport and snap-in position. Max Width Set an optional maximum width for the module, regardless of the size of the container its placed inside. Alt. Object Library Apr 15, 2020 · When creating a Post-based Slider, many things can be pulled in from your posts. Slider The Slider to use for the Login Page. They’re all the same plugin. 6. RTL Direction Enable this option is your website’s uses a right-to-left language. Apr 13, 2020 · 1. Start/End Scale Percentage The start value should always be “100%” or higher, and then end percentage is recommended to be between 100-200%. Feb 11, 2021 · 1. The Slide should have a Layer that includes the [revslider-login-form] shortcode. Mar 31, 2020 · 2. Slider Revolution comes with several templates you can use, or alternatively you can create your own templates, thereby allowing you to easily reuse modules you have produced. Standard Embed Add this shortcode wherever you wish the Module to appear inside your theme’s page template. You can find the Revolution Slider related Documentation here. Read Revolution Slider Docs Nov 22, 2021 · 1. This means you can trust that translating your Slider Revolution sliders is simple and straightforward and you can create great-looking sliders in any language. Work with a pre-built template. Alternatively, instead of inserting a placeholder you can click directly on WordPress Library or Object Library to speed up the process of adding images. And, as you know, in Slider Revolution that means adding and configuring layers. Apr 6, 2020 · 1. Reveal Ease The easing equation to be used for the animation. onafterswap - - Event is triggered when slider has finnishded the change of the transition (full transition Nov 8, 2021 · Enjoy Slider Revolution 6. Sep 9, 2021 · Choose “original size” to use the Slide’s main background and simply resize it, or choose “From Slider Settings” to use the Module’s default image size version instead. Apr 15, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Leave these options blank for no official start/end date. 14. Apr 15, 2020 · Layer Groups are a special type of Layer that act as a regular Layer, but can only contain other Layers. Jan 22, 2024 · Refer to Revolution Slider Documentation for further information about slider settings. A "module" is a single, self contained piece of content. Also, the new way to export your Slider Revolution jQuery Stand Alone version after building the module with our WordPress Visual Editor. And once the Layers are added to the Group, the nested Layers are then positioned locally inside the Group container, allowing for additional control over how your content is positioned. Elements Lists the available module’s images that can be optimized. Alt Text Text entered here will be used for the image’s “alt” attribute. Resizing an Image A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Useful for Full Screen sliders that should make room for the page’s header or footer. You need to go to Plugins → Add New in your WordPress dashboard side and upload the revslider. Apr 15, 2020 · Automatic Module Height Adjustment. Alias The module’s alias name used for the module’s shortcode 3. Oct 26, 2023 · Slider Revolution is compatible with WPML, but how you translate the text in your slides depends on the type of slider you create. Enable Enable the Whiteboard AddOn for the currently selected Layer. Number of Particles Note that the Slider Revolution plugin was developed by ThemePunch. Revolution Slider is an innovative, responsive WordPress slider plugin that displays your content the beautiful way. With the relationship between modules, slides and layers in mind, we can see how the process of creating content with Slider Revolution is essentially: Create a module. Text Color Change the Layer’s text color on mouse hover. Repeat Choose how many times the timeline should loop, or set to “unlimited” for a never-ending repeat. Looking for mind-blowing effects? 🤯 Explore Slider Revolution's advanced WebGL animations Apr 9, 2020 · Choose when the Slide should officially be included in the Slider (start date) and then when it should be taken out of the Slider again (end date). You will see a grid of points representing the available alignment settings, and this grid differs between progress bar styles depending on the ways in which they can be aligned. Module A “Template” or “Slider”. The style of transition animation to be used can be configured under the Slide Options tab, in the Animation sub-section: Apr 9, 2020 · 1. & drop editor will let you tell your own stories in no time! Apr 10, 2020 · 1. Lazy Loading lazyType; Appearance and Learning Core Slider Revolution Skills. Basically any RS shortcode you add to your web page is considered a “Module”. File Size Lists the slider module images, JS and CSS file sizes Apr 15, 2020 · 1. Sliders Learn More Carousels Learn More Hero Sections Learn More Websites Learn More Dynamic Content Learn More Special Effects Learn More Find instant solutions in our help center for Slider Revolution! Browse our FAQ, Manual, Tutorials and Definitions or just do a quick search. Apr 15, 2020 · 1. Youtube Tutorials — Video Tutorials and Guides; Purchase Slider Revolution — to get support, auto-updates and premium sliders (read the note Apr 6, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Hide After Loops Choose if the Slide should be automatically hidden after the Slider has looped through all Slides a certain amount of times declared here. Mar 12, 2024 · For instructions on how to use this slider and other useful links, we have collected them in a list below: Slider Revolution Documentation — The documentation is online and accessible to everyone. Slider Management. Shortcode The module’s shortcode which can be added to any of your site’s pages Slider Revolution Documentation. Add layers to those slides. This documentation will guide you through the steps of setting up an action, an HTML link or a JavaScript code to trigger the modal. It began its life as a plugin for creating slideshows, but has evolved into a fully fledged piece of design software. Layouts & Sizing sliderType, sliderLayout, responsiveLevels & more; Progressing delay, disableProgressBar, startDelay & etc. Apr 10, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. It can then be adjusted in the Timeline by dragging the block shown in the screenshot below with your mouse left and right. A Rich Manual for a Powerful Tool. Similarly to what we discussed earlier about adding classes and IDs to the <rs-module-wrap> and <rs-module> elements for the entire module, each layer also has two custom elements to which you can add custom classes and IDs. Modules are created and edited with the module editor. 3/4. Other 1st Slide Enable this option if you wish to show an alternative slide when the module first loads. Step 2: Select meta Next, select the type of content you’d like to pull in from your Post or Special Stream. animations are two seperate things. Core JS and CSS are already optimized by default. Interaction All Actions can happen on user-click, mouse-enter or mouse-leave. 2. Usually this is your website url with “/wp-admin” at the end of it. Block Scroll Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. SVG Library Select from 900+ icons to use in the effect. Only Manual The text will have a “white-space: nowrap” applied and only wrap/break lines where a “<br>” tag is found. So far you’ve mostly been working with pre-made layers, either from templates or the layer library, but now we’re going to shift to adding brand new layers. Animations Between Slides. We encourage you to refer to their documentation in order to familiarize yourself with its vast options and possibilities. But with our beginners guide to Slider Revolution you’ll be creating beautiful sliders in no time. Nov 9, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Slide Link Enable this option to apply a link to the entire Slide itself. Keep Aspect Ratio (Justify) Justify the Carousel Items to use the same height with auto width. We designed the Portal Effect Hero Slider to look good no matter what device your visitors are on. x. Background Color Change the Layer’s background color on mouse hover. As always, if you need any help with any of the new features, don’t hesitate to drop us a line via support ticket or email ([email protected]). onstop - - Event is triggered when slider has been stopped due the Loop and stop at Slide parameters; revolution. Easing Enable a blinking cursor to enhance the effect. Enable Enable the Exploding Layer effect for the Layer’s animation. Orientation Choose “horizontal” to place the bullets beside each other, and “vertical” to stack the bullets on top of one another. When text is placed inside Rows and Columns, the Module will always adjust its height dynamically to make sure the entire content is always visible. Apr 9, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. For example, if you had a Slider with 5 Slides, and also wanted to show the same social icons on every Slide, in the same position, the icons could be added to the Global Layers section as opposed to repeating adding them to every single slide. Particle Icon Choose a preset particle to use for the animation. Timeline Scroll based Enable the timeline scrolling. BG Color The background color for the drag arrows container. You will reach a form where you will be prompted to enter the Sliders Basic Settings. Apr 13, 2020 · “Rev Slider”, “Revolution Slider” or “Slider Revolution”. Lottie animations and regular Slider Revolution Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects. Aug 30, 2023 · Slider Revolution is a powerful plugin with tons of options that can often be confusing to navigate. A "slide" in Slider Revolution is a container into which multiple layers can be added, with layers in turn acting as containers for various forms of media such as images, text, video, audio, buttons, and special effects. Server Requirement Refer to official WordPress requirements: Jun 7, 2013 · Version 6. Lottie files are a special type of complete, pre-packaged animation that can be dropped straight into a Slider Revolution module. This option is just to make sure that the user sees slides as they are changing. We created two different slider for the demo and included them into the “All files and documentation” package where you can download from your themeforest downloads page under the theme Apr 10, 2020 · 1. or edit premade modules called Templates [?] Sep 2, 2020 · Slider Revolution is a powerful WordPress plugin that lets you create stunning sliders, carousels, and animations. Max Width 100%: Stretches the Carousel Slider container to full width. Title The module’s title for admin purposes 2. Font Size Set the font-size for the text in pixels. Start with a Demo Slider. Whether you are a beginner or a pro, you can easily customize your site with Slider Revolution. If you want to upload a custom one, you can do that as well. Hide After Choose to hide the navigation after a set amount of time on desktop and mobile devices when the user’s mouse is idle. Text Decoration Apply a CSS text-decoration such as “underline” to the Layer. Vimeo ID Enter the ID of the Vimeo video you wish to display. You can refer to the instructions given earlier in the manual to learn how to add an image either from the WordPress media library or the Slider Revolution object library. Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Apr 15, 2020 · Choose how many related posts should be included in the Slider. It’s the same process as uploading other media to WordPress. Jun 2, 2020 · Revolution Slider. In this section you can choose from multiple Lazy Loading options to help speed up the slider’s initial loading, and also evaluate your slider’s overall file-size footprint, which is helpful for making sure all of your images are reasonably sized for web. Slider Revolution is the ultimate solution to inspire ideas for your WordPress site design. URL The absolute url of the image. We hope you enjoy all the new improvements and additions in Slider Revolution 6. The Essential Process in Slider Revolution. There are plenty of important options here for default responsive grid settings (which are applies when building new sliders), custom font loading URL, database creation for the plugin and more. With more than 250 customizable templates and more than 30 supportive addons, Slider Revolution offers an arsenal of tools that will help bring creative ideas to mind. Slider Revolution Documentation. Title sub-section: Setting the title and alias of your module Layout sub-section: Key layout and background options Defaults sub-section: Basic options for timing First up, let’s start with a quick overview of how and why you should set a custom title and alias for your module. For the example in this tutorial, we’ll pull in the post’s Title, Excerpt and Featured Image, shown in #1, #2 and #4 below. Nov 17, 2020 · 1. Add slides to that module. Slider Revolution is an innovative, responsive WordPress Slider Plugin that attractively displays your content. You can use automatic translation or the Advanced Translation Editor to translate the posts you include in your post-based slider. Mar 22, 2023 · 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. Create a new Slider. The Alignment option allows you to set the horizontal and vertical alignment of your progress bar. Slide Thumbnails The Author Slider Revolution Templates Are 100% Responsive. Hide on Mobile Sep 23, 2022 · If Intelligent Inheriting is set to OFF, the Layer’s size and position will need to be set manually for each responsive viewport. Jun 22, 2012 · revolution. 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. The Scroll Below Slider option smoothly scrolls the page to a position below the module A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Apr 6, 2020 · If your Module is setup as a Post-based or Special Stream Slider, use the “Meta” option to setup your placeholders. Build a new Slider from scratch. This folder will contain revolution slider's plugin zip, documentation and demo slider import zip. Embed, export, duplicate, etc. Alignment. Slider Position Choose if the Related Posts Slider should appear above or below the currently viewed post’s content. First Steps. These Actions can be used to show or hide another Layer. Scale Start/End The starting and ending scale percentages for the Slide’s main background image. This template offers customizable layouts, designs, and text options, making it effortless to create a distinct and visually appealing slider that will undoubtedly attract visitors’ attention. Poster Image All videos must have a “poster image” set. With the AddOn activated, each time you save one of your Module’s Slides it will be backed up automatically. Action Type Selecting this option will allow you to change the Simple Link to another Action. 5. Border Radius A CSS border-radius for the drag arrows container. Next, select “Update List” from the top right-hand side of the screen to view all of the latest available templates. Jan 14, 2021 · 1. For example, in the following screenshot, a “Go to 1st Frame” Action is applied to the “My-content-layer” Layer. Slider Revolution automatically generates a thumbnail when you upload your video so all you have to do is click “Reset” and it’ll select the right one. For the effect to work best the image should be sized at a power of 2, and for full-width/full-screen Modules, usually the best image size is 2048×2048. Fill With If there aren’t enough posts related to the “Start Search” selection, grab posts related to…. Speed The speed at which the timeline moves based on the scrolling action. Scroll Below Slider. We designed the AI Particle Cluster Hero to look good no matter what device your visitors are on. Particle Icon Select one or more icons to display in the effect. Apr 10, 2020 · And then edit the navigation’s settings. Apr 15, 2020 · Step 2. Absolutely! With Slider Revolution, you can take your hero section to the next level by adding animated scenes that bring your brand to life. Post-based Slider, Instagram, Facebook & more; Slider Title & Shortcode Slider title, alias & generated shortcode; Nov 9, 2020 · 1/2. Line Break Behavior Decide how text should wrap/break. Reveal Color The main background color for the effect. Then once the settings are completed, the Adjacent Posts Slider will automatically get added to your individual WordPress Post pages. Read more about building sliders with Slider Revolution and WPML. Snap to X Alignm Enhance your slider’s text with typewriter effects; Holiday Snow Add festive snow to your sliders for the Holiday Season; Particles Level-up visuals with animated particle effects; Polyfold Add sharp edges to your sliders as the scroll into view; Duotone Advanced filter effects for slider images; Reveal Revealing effects for when your slider Apr 6, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. . Learn how to install, activate, and update it with this comprehensive guide. In the Attributes panel, you will find options to set classes and IDs on a Layer or Wrapper level. 5. Multiple modules can be combined to form rich content such as complete sites and landing pages. Layer vs Wrapper Level. based modules A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. 1. This is a jQuery selector which can be written as “#element-id”, “. Image Choose to load an alternative image instead of the Module for mobile devices and/or IE8. Mode Choose if the effect should “Write”, or “Draw” the Layer or “Move” the Layer into place. Apr 9, 2020 · If a Slide is “Hidden in Navigation”, it will be taken out of the Slider’s regular rotation and only accessible by Layer Actions. Simplify on IOS4/IE8 Simplify animations for better compatibility with legacy IOS and IE. A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Before you begin building we recommend visiting the Global Settings option (which is a submenu item underneath Slider Revolution). Easing The easing equation to be applied to the scrubbed timeline. Start The point in the timeline where the looping should begin. Slider is added to a web page’s main content container; Web page’s main content container has a “max-width” of 1000px; Slider will automatically adjust its size to fit inside it’s parent container; Slider’s new width will be 1000px; New slider width is 50% of the slider’s “gridwidth” RESULT: Slider’s content will decrease in Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects. Jun 7, 2018 · Slider Revolution may be best known as a WordPress slider plugin. Line Height The CSS line-height for the Layer. Note that in this section of the manual we’re not going to be making any modules A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Type Set this to “Regular” to link to a custom URL such as another web page. Apr 15, 2020 · Learn how to use the Slider Revolution lightbox/modal feature to display stunning sliders on demand with a simple click. We’ll then learn how to configure those layers to suit the design you’re creating in your module. The options edited here will then become the default settings for the style when applied to a Module, which can then be edited further per Module and per Slide. Jan 10, 2023 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Use “Click” for regular links. Blur Start/End The starting and ending blur amounts for the Slide’s main background image. Sliders can be added to any page. Installation Install Standalone Edition; Create a new Slider Build a new Slider from scratch; Dec 6, 2021 · Select which slide to remove the snow effect. Apr 15, 2020 · Step 3: Head back into the AddOns Modal to connect the new Posts Slider to the AddOn and also configure its settings. Nov 11, 2020 · The Panorama effect will be applied to the Slide’s main background. 17 (8th August 2024) Bugfixes. Apr 15, 2020 · Create rich interactive experiences where content is shown or hidden on-demand. created with the Slider Revolution plugin; when you configure any settings in the Sep 23, 2022 · If Intelligent Inheriting is set to OFF, the Layer’s size and position will need to be set manually for each responsive viewport. Clicking the Reset All Values from Desktop button will reset the Layer’s size and position for all viewports to the Layer’s size/position for its Desktop view. Slider Revolution is far more than a slider creation tool alone. Slider Revolution Templates Are 100% Responsive. Slider Revolution’s intuitive visual editor makes creating a unique animated hero section a cinch, whether from scratch or by customizing one of Slider Revolutions 250+ templates. Position/Align The CSS background-position for the Image. Whenever a module moves from one slide to the next an animation transitions between each slide’s background layer. Alternative 1st Slide number The specific alternative slide you wish to show when the module first loads. onbeforeswap - - Event is triggered when slider is going to change to next slide; revolution. Apr 13, 2020 · The total duration of a Timeline is initially defined initially in the Slider Settings -> Defaults and then set individually in Slide Settings -> Progress. Simplify Enable the typewrite effect for the currently selected Layer. Min/Max Size Set a minimum and maximum size for the snowflakes in pixels. that play only when the page is scrolled down, at a speed matching the scroll speed Apr 6, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Template Library Located in the plugin’s main admin page, where “Template Packages” and “Templates” can be Apr 13, 2020 · To import a template, select “New Module from Template” from the plugin’s main admin page. You can only translate Slider Revolution sliders manually. zip as displayed in image below. ) . Text Content Write the text for your Text Layer or Button here. Nov 9, 2020 · Every Module has a “Global Layers” section where global content can be added. Nov 11, 2021 · To edit these thumbnails, go to Slider Options and Thumbnail. you can instead setup animation playback to be controlled by user interaction, making for even more engaging Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. But there’s so much more you can create with this fast, easy to use , and responsive page builder and design tool. Reveal Type Choose one of the 14 available animations. 4/5. Demo Sliders. Sep 24, 2020 · 1. Delete Selected Slide Mar 27, 2023 · Slider Revolution Global Settings. Overtake Lost Password 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. Then to restore a backup, visit the “Backups” tab in your Slide’s settings and click the “Show Backups for this Slide” button. Apr 10, 2020 · 1. Nov 9, 2022 · Export your Modules for backups, another WP installation or for non-WordPress usage. (Only available on “Auto” layout) 2. element-class-name” or “tag-name” (“nav”, “header”, “footer”, etc. How to create a revolution slider is explained in here: Revolution Slider documentation can be found here : Slider Revolution Documentation. You can create everything from hero units to image carousels to navigation menus to entire websites. Apr 13, 2020 · Cookie Duration Description; __cfduid: 1 month: The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. Create a new Slider Build a new Slider from scratch; Start with a Demo Slider Work with a pre-built template; Slider Management Embed, export, duplicate, etc. This is useful for text with multiple lines. Whether it’s a Slider, Carousel, Hero Scene or an entire Front Page, this visual, drag & drop editor will help you tell your stories, quickly and effectively. We’ve also given you an easy-to-use responsive editor that allows you to edit and preview your Slider Revolution module from different views. You could compare this to how you might drop a photograph or video file into a module, but in this case what you get as a result is a highly efficient, very small file-size animated graphic that can be scaled up and down infinitely with no loss of quality. Jun 7, 2024 · Get Slider Revolution and use this template. 4. Amount The maximum amount of snowflakes that can fall at any given time. Slides are added to modules and edited via the module editor. 7. in Slider Revolution, that being creating blank modules. Mobile Swipe Enabled Enable touch/swipe for mobile devices. You will also find useful tips and examples from related webpages. After that, you scroll again to change the slide. Whether it's a slider, carousel, hero scene or even a whole front page, the visual, drag . In Viewport (%) Slider Revolution is far more than a slider creation tool alone. Source Size The WP Image Size for the image. Duration Enable the multiple lines content feature to sequence between multiple texts. You can also take a look at our tutorial on Slider Revolution here. Redirect Link The page to send the user once they’ve logged in. Padding Space for the drag arrows container. slide. Desktop Swipe Enabled Allow for touch/swipe on desktop computers. Oct 11, 2022 · Supported Browsers – Internet Explorer 11 (IE11) – Mozilla Firefox – Safari – Opera – Google Chrome – Edge. And then pull in all posts with a Category or “Slider Revolution” (#3). This is especially useful for module’s that contain large amounts of text. Nov 9, 2020 · 1. Carousel added in a flex container without dimensions generates an endless loop breaking the page; Background coloring and background image of the module is miscalculated if the module is embeded via an shortcode in WordPress containers First Steps. Settings options will vary based on the navigation type and style. Feb 18, 2022 · As a WPML-recommended plugin, Slider Revolution is committed to ongoing compatibility with WPML. Homepage Embed By including “homepage” as he second argument, the Module will ONLY appear on your website’s official homepage. Font Weight Choose if your text should be “bold”. To setup Revolution Slider, follow the next steps: If you want to create a new slider, navigate to Revolution Slider > New Slider. Apr 15, 2020 · In the screenshot on the right, the “Loop Amount” option can be used to decide how many loops should occur (enter “-1” for “unlimited”), and the “Animate to ‘Start’ in “Loop” option can be used to create yoyo-type loops (forward, then backward, then forward again) instead of just automatically jumping to the loop start frame after each loop. 3. Gap The spacing between each bullet in pixels. 2015 Jason. 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. sqlec ifyk jwnc hhtroj otsdi tmznvl kgq psfbc xhfu szfxgip