1 HOW TO ADD REVOLUTION SLIDERS DETAILS

Transcription

1 HOW TO ADD REVOLUTION SLIDERS DETAILS
1 HOW TO ADD REVOLUTION SLIDERS
Note : To create this module you need install “Unite Revolution Slider 2” plugin.
DETAILS
To create this slider: at first you should go admin panel. Then go Component menu to Unite
Revolution Slider 2 > Create New Slider. Then follow this image and table:
SLIDER TITLE
An Internal used Name for the Slider. Only for Backend Usage
SLIDER ALIAS
An individual name of the slider. Don’t use Special chars and spaces here. This will be used for
ShortCode embedding and for any other art for embedding and corresponding / link internal to
the slider.
SLIDER SHORTCODE
This is the Shortcode to embed into your Wordpress Pages, widgets etc.
SOURCE TYPE

Posts
Pull content for the slides from Wordpress Posts by Categories and/or Tags

Specific Posts
Pull content for the slides from specific choosen Wordpress Posts

Gallery (this was the only type in previous versions)
This is the default type, no content from other sources will be pulled.
This type will be used most of the times.
SLIDER LAYOUTS

Fixed
A None Responsive Version of the Slider. Will have a prepared Width and height. Used for Older
Themes

Custom (it has been called "Responsive" in Earlier version)
A Custom Grid system to set size of Slider per Browser Size. You can define different Levels for sizes.
Only used for Frameworks where no Fluid Widths has been used. (i.e. Skeleton)

AutoResponsive (it has been called "Fullwdith" in earlier versions)
Used for Fluid Responsive themes, where the Slider calculates its onw size for every Browser size.
Only max widt hand height of Grid should be defined. In case the Container Width is not Boxed, it
will go Fullwidth Automatically

FullScreen
Slider will take the height of Window and center the preseted Grid within. It will always try to go
FullHeight and Fullwidth if the wrapping container allows.
GRID SETTINGS
Depending on the Layout you can set the Width and Height of the Captions. The Slider will go
Fullwdith or Fullwidth and Fullheight in case you set AutoResponsive or FullScreen. Caption Grid
will be centered always within the slider container.
In some cases (Custom) you can set multiple Levels depending on Screen Size. This is not needed in
AutoResponsive and FullScreen mode.
Fullscreen mode allows you to set a Container (per class or ID) which heights decrease the height of
the FullScreen Slider Container automatically in every responsive level
LAYOUT EXAMPLE
Here you can see how the Slider will be seen on your Site, depending on what Settings you use in the
Slider Layout and the two options "Unlimited Height" and "Force Full Width"
SAVE SETTINGS
It updates your last settings to the Slider. If it is not pressed and you leave the Main Settings panel,
your settings will be lost.
DELETE SLIDER
Delete your current Slider.
EDIT SLIDES
Open the Edit Slide Panel for further settings per Slide
PREVIEW SLIDER
Preview the current Slider with all its slides and settings in an frame.
GENERAL SETTINGS
DELAY
Set the Delay Globaly for each slide. You can modificate the Delay Time per Slide under the Edit Slide
function.
SHUFFLE MODE
Random Order of Slides on/off
LAZY LOAD
Use Dummy images during Document Load. Main images per slider are loaded on Demand when the
slide is shown first time.
USE MULTI LANGUAGE (WPML)
If WPML is installed, this enables the multilanguage option for the Slider. After this is set to true, you
can choose in which languages each slide can be seen, and each slide can have multiple versions for
each language with own captions and so on.
STOP SLIDER
Use this setting to stop the Slider after a predefined Loop and at a predefined Slide. Loops 0 means
in the first loop to stop and Stop At Slide 1 would stop directly at First slide. i.e. Stop After Loops
2 and Stop At Slide 3 would stop the slider after 2 Loops ath the 3thd slide.
GOOGLE FONTS
Used for Google Font Embeding in Slider. You can add unlimited Fonts here, all of them will be



available in the CSS Editor.
Visit The Google Font Page and search for your Font
Click on Quick Use and Select Standard Tab. Add this code into the textfield.
To add more fonts, click on Add New (Screenshot)
See also Caption HOW TO USE GOOGLE FONT later below
POSITION
The Position of the Slider within the Contaienr which is wrapping the slider.
APPEARANCE
SHADOW TYPE
Choose between different Shadow Effects under the slider. Shadow Height is excluded of the Slide
Height ! You may need to set extra margin bottom via the Position Settings !
TOUCH ENABLED
Turns on the Swipe function for navigation on mobile devices
STOP ON HOVER
Stops the Main slide Timer on MOuse Hover. Captions are still playing within the slide
NAVIGATION TYPE
Set the Layout of navigation. Only Bullets, Bullets and Arrow, Thumbnails or None
NAVIGATION ARROWS
Choose between custom positions (solo) or Fixed position next to the bullets /thumbnails.
NAVIGATION STYLE
The Style / Art of the Navigation
POSITIONS
Per Bullet, Navigation Arrow you can set a Position per Align and per Offsets. I.e. Left Center aligned
arrow still can have an offset to move it in different directions
THUMBNAILS
Thumbnail Width and Height and shown Amount of Thumbs in same time. On Hover the Thumbs are
scrolled.
MOBILE VISIBILITY
HIDE SLIDER UNDER WIDTH
The Slider will be hidden and stopped if the Browser Size goes under this presetted Size. Works only
if Custom Sizes set to Slider
HIDE DEFINED LAYERS UNDER WIDTH
Hides predefined Captions if the Browser Size is smaller then this predefined size. To select Captions
to hide, go in the Slide Editor and turn on / off the option on the Captions one by one.
HIDE ALL LAYERS UNDER WIDTH
Hides All Captions if the Browser Size is smaller then this predefined size.
HIDE ARROWS/BULLETS/THUMBNAILS ON MOBILE
Hides chosen navigation type if the Slider is viewed on a Mobile device.
ALTERNATE FIRST SLIDE
You can set a different First Slide than the Slides Order use. You can set also a different First
Transition then it defined in the Slide Editor to make sure that the first Transition is some Eye
Catching animation, but later only use the Slide transitions i.e
TROUBLESHOOTING
In Some Theme the Output of the Slider is broken, filled due br and p tags. Also some theme has
jQuery conflicts or embedding the jQuery library in a way which would break the slider. In this case
please turn on the Output Filters, and try the different settings to see if the Output art fix your
issue. (most Problem solved by setting this to "by Echo Output")
Setting
Option
Slider Title
Our Most Popular Services
Scroll Setting>Rewind From End
on
Navigation>Navigation Type
None
Note: After all setting then click “Update Slider” button.
NOW MODULE WORK TO SHOW ON SCREEN
To create this module: At first you should go admin panel. Then go to Extension
menu >Module manager > Add New>Unite Revolution Slider 2. Then follow this
image and table:
Setting
Option
Title
Home Page 1 Slider
Show Title
Hide
Position
slider
Status
Published
Language
All
Note
MODULE SETTING (GENERAL )
Option
Slider
Setting
Home Page 1 Slider
MODULE SETTING (ADVANCED)
Option
Module Class Suffix
Note: After all setting then click “Save & Close” button.
Setting