Please Wait...
infoDecision Modal Title
add_circle_outlineDo It
add_circle_outlineDont Do It
searchPreviewphotoSome Module Titledesktop_windowslaptoptablet_macphone_android
close
extensionAddonsclose
refreshCheck for Updates
Slider Revolution Addons
Please select an Addon to start with.
saveSave Configuration
Your Plan Informationclose
You have reached your slider limit. In the current plan you can have only 10 Sliders
Upgrade Plan
Your Plan Informationclose
In this plan you cannot export slider
Upgrade Plan
Your Plan Informationclose
In this plan you cannot import slider
Upgrade Plan
Video Guideclose
Video Guideclose
STEP 1 - Create a new Sliderclose

Lets create the slider in a new tab and we will use this tab to follow the instructions. Click Here to open in a new tab. There are three ways to create a new slider in Slider Revolution.

1. New Slider from Template:

At first, we need to select a ‘New Module from Template’

Step Image

Choose a single template and click the add icon which template you choose and then click the ‘Install Template’

Step Image

2. New Blank Slider:

How to Create a Blank Module: In the main Slider Revolution interface click the button labeled New Blank Module

Step Image

After clicking the New Blank Module button you'll be taken into the Slider Revolution module editor. Once there, the Module Creation Guide will automatically launch to help you with basic configuration of your new module.

Step Image

If you don't need any assistance with initial settings you can click the Quit Guide button. Otherwise click the Start Guide button to proceed.

Here's a quick summary of what each of these module types are:

  • 1. A slider has multiple slides with only one visible at a time
  • 2. A scene has just a single slide
  • 3. A carousel also has multiple slides but more than one can be seen at a time
Step Image

To learn more you can visit our Documentation

3. New Product Slider:

Display Shopify Products in style with Slider Revolution!

Slider Revolution is also capable of displaying your Shopify Products in an attractive slider. All you need to do is setup one slide with the product information you want to show and select product categories.

Getting Started

At first, we need to click ‘New Module from Template’ Option

Faq Image

Search Or Select Shopify Product

Search by entering Shopify product in the search field or select Shopify Product from Module Templates category. Now you can see the product template in Shopify

Faq Image

Choose a Shopify Product template and click the add icon which template you choose and then click the ‘Install Template’

Configuring the Source

Selecting Products as Slider Source Configuring Products Slider Source

Faq Image
Faq Image

Creating “Add to Cart” and “Product Link” buttons

The “Add to Cart” and “Product link” buttons are created using Button Layers and it’s hyperlinked using Layer Actions. Click on the Meta button shown below to open the list of Meta Data

Faq Image
STEP - 2
STEP 2 - Editing a Sliderclose

When you are editing a slider we have plenty of options. but here we are showing how to create a basic slider.

1. Changing Background:

Image Backgrounds: Select/upload an image from the Uploader Library, the App’s Object Library or load an Image from an External URL. Next, choose an image from the “Media” or “Object” Library, or type in the URL you wish to use as an External Image.

Step Image
Step Image
Step Image
Step Image
Step Image

2. Adding Text, Images, Video, and Buttons layer in Slide:

Adding New Text Layers: To add a new, default text layer go to the Add Layer button in the top toolbar, then click the Text button.

Step Image

Edit Layer Content: To edit or set a Layer’s content, select the Layer on the editing stage and then view its “Content” section . Also to resize the layer you can click the layer then select the style option

Step Image

Add a New Image Layer: To add a new image layer go to the Add Layer button in the top toolbar, then click the Image button:

Step Image

Adding a New Video Layer: To add a new video layer go to the Add Layer button in the top toolbar, then click the Video button:

Step Image

Enter the YouTube ID or Vimeo ID for YouTube and Vimeo videos.

Step Image

3. Adding a new slide:

Choose “Blank Slide” to add a new Slide without any predefined content

Step Image

Choose “Bulk Slide” to add more than one Slide at a time with predefined background images.

Step Image

Choose “Slide from Template” to add a Slide from the Template Library

Step Image

4. Adding slider Navigation Arrows and Bullets:

Navigation Arrows: Change between slides with the help from navigation arrows.

Step Image

Navigation Bullets: Change between slides with the help from navigation bullets.

Step Image

5. Adding Layer Animations:

Create rich visual experiences with the Layer's animation tools. First select your image or text layer. Then from the right select animation.

Step Image

All Layers have an “In” and “Out” animation. The “In” animation is the very first animation that takes place before the Layer first becomes visible, and the “Out” is the very last animation that happens when the Layer officially animates out of view.

Step Image
Step Image
Step Image

To learn more about slider editing you can visit our Documentation

STEP - 3
STEP - 1
STEP 3 - Publishing a Sliderclose

Our Slider can be published in different places and using different mechanism.

1. Publish Slider in Shopify Online Store 2.0

If you are using Shopify online store 2.0 you need to follow the process

After completion of your slider, Click on “Publish to store”

Step Image

Select the “Theme version 2.0” tab and click on “Publish” button.

Step Image

Go to theme customizer

Step Image

From the left sidebar, add go to “Add section”

Step Image

here, you will see the silder you have created

Step Image

Now click on the slider to add it on the page and click on “Save” on the top right corner.

Step Image

If you want to publish the slider on other page, you need to use drop down menu and select the page. Then follow the steps from 4 to 6.

2. Publish Slider in Home Page:

After installing the module or Create New Blank Module then we can see the right corner ‘Show slide in Store ‘. Then we click this section.

Step Image

Click on the right corner, we see the option and where to show this slider we can select it simultaneously.

Step Image

After selecting the Homepage Section and then click on the ‘Next’ button

Step Image

In the end, Slider is being published successfully

Step Image

3. Publish slider in Pages:

Click on the right corner, we see the option and where to show this slider we have select pages option

Step Image

After selecting the Pages Option click on the ‘Next’ button,

Step Image

Select the page on which page you want to publish your slider.

Step Image

Then you have to click on next button to publish your slider in this page

Step Image

4. Publish slider in Blog Articles:

You can also publish your slider in your Blog Articles. Click on the right corner, we see the option and where to show this slider we have select Blog Articles option

Step Image

After selecting the Pages Option click on the ‘Next’ button then select the blog Article on which Article you want to publish your slider.

Step Image

Then you have to click on next button to publish your slider in this Article

Step Image

5. Publish slider in Embeded Global:

If you publish for Embeded then you can show the slider anywhere using shortcode. So other options are automatically hidden from the list for the current slider. Or if you use any of the other options then embeded is hidden. This is to avoid double slider conflict.

Step Image

Then you have to click on next button to publish your slider in this page

Step Image

After publishing the slider, you will see the Copy Embeded Code button click this button to coppy embeded code. then put this code in your html editor where you want to see your slider

Step Image

To learn more you can visit our Documentation

STEP - 2
Welcome to Slider Revolution 6.5.6.13close
What's new?
Check out our Change Log to learn about new Features and Bug Fixes in Version 6.5.6.13.
More Info
Docs & FAQs
Checkout our all new Help Center
with updated 6.5.6.13 Support Material.
Help Center
Lets get Started with Slider Revolution 6.5.6.13
font_downloadGlobal Custom Fontsclose
addAdd Custom Font
settingsGlobal Settingsclose
Default Layout Grid Breakpoints

Default desktop content width Default notebook content width Default tablet content width Default mobile content width
Fonts

Enable custom font selection in editor
font_downloadEdit Custom Fonts
Disable RS Font Awesome Library
Enable Google Fonts download Optional Google Fonts loading URL
buildUpdate Preload Fonts
Miscellaneous

Editor High Contrast mode Force Enable jQuery
saveSave Global Settings
view_moduleModules
contact_supportSupport
Pricing
chrome_reader_modeDocumentation
extensionRecommended
notifications_active
0
    settingsGlobals
    Start free trial Try it free for 7 days
    Create New Slider
    Step-1
    Edit Slider
    Step-2
    Publish Slider In Store
    Step-3
    Finished

    Still Need help?

    movie_filter New Blank Slider
    styleNew Slider from Template
    + 13
    file_uploadManually Import Slider Zip
    extensionAddOns
    2
    replay replay
    Add Folderadd