[DE] Revolution slider

In case you don’t want to use the “ Video background” for your home page. You can use the Revolution Slider to make it look like “Homepage 2”, “Homepage 3” in our demo site.

  • Activating Revolution Slider plugin.
  • Choose PluginsActivate the plugin. Then you’ll find the plugin in your admin panel.

Import the slider

We provide the default slider so that you can set it up similar to our demo site.

Visit the Revolution Slider section, you can find an " Import slider" button, click on it and you can upload the default slider.

Click on “Import Slider” to upload the default slider

061016_import slider 2.png

Choose the import file to set it up similar to our demo site

Creating new slider

You can also create a new slider based on your need. To create a new slide, hover your mouse over the “ New Slider” box.

  • Content Source

There are several new content sources that can be used for Slider Revolution, including Instagram, Facebook, Woocommerce, etc. You should select the suitable one for your site.

  • Slider Title & ShortCode

All the blanks in this section MUST be completed while other sections such as Content Source, Select a Slider Type, and Slider Layout can be used in default.

  • Enter the slider’s Title & Alias.
  • After the slider’s Title and Alias are defined, the ShortCode will be auto-generated.
  • Copy & paste this shortcode into the content area of one of your site’s pages later.

*Note: The slider “ Name” can be anything,  but the “Alias” should not have any special characters or spaces (but dashes and underscores are ok).

191016.png

  • Slider Type

There are 3 types of sliders: Standard Slider, Hero Scene, and Carousel Slider.

  • Select the suitable slider for your site, then click on the “Load a Present from this Slider Type” text link for further settings.

type slider.png

  • You can either load a settings preset template for your current slider, or save the current settings as a preset template to be used for future sliders.

load a preset.png

  • Slider Layout

There are 3 layouts that you can use for your site: Auto, Full-Widget, and Full-Screen. Select the most suitable one and complete its settings.

slide layout.png

  • General Settings

Also, the general settings block also gives you a quick visual of the specific setting for your slider such as “Layout & Visual”, “Navigation”, “Parallax & 3D”, Problem Handing”, and “Google Font.”  

general settings.png

Don’t forget to click “ Save Settings” at the left sidebar.

051016_RS2.png

Now, you will be redirected to the main page, you’ll find all the created sliders. If you want to change some settings, click Settings. If there is nothing you want to change, choose Edit sliders to upload new images for your slider. Click New Slide to start adding slides.

  • Moreover, you can manage all the sliders  in  the main page. You have different options to control your sliders:
    • Change the settings.
    • Edit slides.
    • Export slider.
    • Delete.
    • Duplicate the slider.
    • See the preview.

Slider Edition

The source of the #1 slide in this section is transparent, so you can add new slide and delete it. Otherwise, you have to change its source into Main/Background Image and add a layer.

Hover your mouse the “Add Slide” box. You can add a blank slide (new slide with default a settings) or bulk sliders (multiple-slides based on a selection of media gallery images of your choice). In FreelanceEngine, we recommend you to add bulk slides in this section.

Add Bulk Slides

  • Select Add Bulk Sliders to add multi-sliders at once.

add bulk slider.png

  • After that, select images from your existing images in the media library or upload new ones. Don’t forget to delete the #1 slide.

add bulk slider 2.png

  • Individual Slide Settings

This section gives you in-depth settings for each slide such as main background, general settings, thumbnail, side animation, link & sea, slide info, and nav.overwrite.

Individual Slide Settings 2.png

  • Individual Slide Content

This section allows you style an individual slide; add new layer; change animation & loop, etc.

Individual Slide Content.png

Click “ Save Slide” after each slide to complete your settings.

save slide.png

Add Slider to Web page

Before add the slider to your site, you should create new page ( Pages Add New) or select an existing pages (PagesAll Pages).

Here’re typical ways to add slider to your site:

Shortcode method

  • From the slider's main settings page, copy the slider's shortcode auto-generated in the “Slider Title & ShortCode” section.

191016.png

  • Paste this shortcode into your page's main content area.

paste shortcode.pngQuick Shortcode Creator

  • Click on the “Slider Revolution Shortcode Creator” icon  from the page's main content editor

RS icon in page.png

  • Then, select a slider and choose “Add Selected Slider.”

add selected slider.pngVisual Composer

  • If you have the Visual Composer plugin installed, click the "+" button to add a new element.

add element.png

  • Choose the “Revolution Slider 5”, then you'll then be shown the “Quick Shortcode Creator.”

RS 5.png

  • Select a slider and choose “Add Selected Slider.”

311016_vc.png

  • Now, the chosen Revolution Slider will be displayed as the image below:

311016_vc 2.pngAdd Slider to Theme's Widget Area

  • You will find the “Resolution Slider” from AppearanceWidgets.

widgets.png

  • Drag and drop the "Revolution Slider" box into one of your theme's Widget Areas.

widgets 2.png

  • Then, set up the widget options.

setting.png

*Note: You can also visit Revolution Slider main site (https://www.themepunch.com/) to check out their video guides.