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’
Choose a single template and click the add icon which template you choose and then click the ‘Install Template’
2. New Blank Slider:
How to Create a Blank Module: In the main Slider Revolution interface click the button labeled New Blank Module
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.
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
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
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
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
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
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
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
- 2. Adding Text, Images and Video layer in Slide
- 3. Adding a new slide
- 4. Adding slider Navigation Arrows and Bullets
- 5. Adding Animations
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.
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.
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
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:
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:
Enter the YouTube ID or Vimeo ID for YouTube and Vimeo videos.
3. Adding a new slide:
Choose “Blank Slide” to add a new Slide without any predefined content
Choose “Bulk Slide” to add more than one Slide at a time with predefined background images.
Choose “Slide from Template” to add a Slide from the Template Library
Navigation Arrows: Change between slides with the help from navigation arrows.
Navigation Bullets: Change between slides with the help from navigation bullets.
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.
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.
To learn more about slider editing you can visit our Documentation
Our Slider can be published in different places and using different mechanism.
- Publish Slider in Shopify Online Store 2.0
- Publish slider in Home Page & sections
- Publish slider in Pages
- Publish slider in Blog Articles
- Publish slider in Embeded Global( Page builders, Shogun, PageFly....)
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”
Select the “Theme version 2.0” tab and click on “Publish” button.
Go to theme customizer
From the left sidebar, add go to “Add section”
here, you will see the silder you have created
Now click on the slider to add it on the page and click on “Save” on the top right corner.
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.
Click on the right corner, we see the option and where to show this slider we can select it simultaneously.
After selecting the Homepage Section and then click on the ‘Next’ button
In the end, Slider is being published successfully
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
After selecting the Pages Option click on the ‘Next’ button,
Select the page on which page you want to publish your slider.
Then you have to click on next button to publish your slider in this page
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
After selecting the Pages Option click on the ‘Next’ button then select the blog Article on which Article you want to publish your slider.
Then you have to click on next button to publish your slider in this Article
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.
Then you have to click on next button to publish your slider in this page
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
To learn more you can visit our Documentation
