# Slider Revolution Documentation

07.14.2015 Jason

#### First Steps

- 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.

#### Second Steps

- Create a new Slide
  Build a new Slide from scratch
- Start with a Demo Slide
  Work with a pre-built slide template
- Individual Slide Management
  Order slides, Static Layers, etc.

#### Slider Setup

- Content Source
  Default Gallery, Post-based Slider, Instagram, Facebook & more
- Slider Title & Shortcode
  Slider title, alias & generated shortcode
- Slider Type
  Standard Slider, Hero Scene or Carousel
- Slide Layout
  Full Width, Full Screen, Layers Grid Size, etc.

#### Slider Settings

- General Settings
  Autoplay, Progress Bar, Randomize & more
- Layout & Visual
  Default background, Preloader, margins, etc.
- Navigation
  Arrows, Bullets, Tabs, Thumbs, Touch, Keyboard & Mouse
- Google Fonts
  Load a Google Font to be used for your slider’s text

#### Individual Slide Settings

- Main Background
  Image, video, solid colored, transparent
- General Settings
  Slide delay, visibility settings, thumbnail
- Slide Animation
  60+ pre-built animations, animation duration, easing
- Slide Link
  Open a new page or navigate to a different slide

#### Individual Slide Content

- Add New Layer
  Text, HTML, images, video, buttons, icons & shapes
- Layer Styles
  Font size, color, position, etc.
- Layer Animations
  Start/End animation timing and easing
- Layers Timeline & Sorting
  Visibility timeline & layers stacking order

#### Responsive Settings

- Layers Grid (slide layout)
  Define grid sizes per device
- Mobile Content Size / Position
  Modify font size and layer position per device
- Layers Responsive Behavior
  Responsive alignment and positioning
- Layers Mobile Visibility
  Disable slider on mobile, hide layer content below screen size

#### Add Slider to Web Page

- Shortcode Method
  Copy and paste slider’s shortcode into your page/post
- Quick Shortcode Method
  Auto-add shortcode from WYSIWYG editor
- Widget Method
  Add slider to one of your theme’s widget areas
- PHP Method (advanced)
  Add slider to one of your theme’s template files

#### Video, Hyperlinks, Alt Text

- Full-Width YouTube, Vimeo & HTML5 Video
  Add video as slide’s main background or as a content layer
- Regular Sized YouTube, Vimeo & HTML5 Video
  Add video as slide’s main background or as a content layer
- Hyperlinking and entire Slide
  Hyperlink an entire slide
- Hyperlinking Individual Content Layers
  Hyperlink a specific content layer
- Main Background Image Alt Text
  Add alt text to the main background image for SEO
- Image Layer Alt Text
  Add alt text to individual image layers for SEO

#### Special Features

- Layer Actions
  Control layer visibility/behaviour based on user-interaction
- Parallax
  Apply parallax movement based on mouse or scroll behaviour
- Ken Burns Effect
  Apply zoom/pan to slide’s main background content
- Carousel Settings
  Create a variety of carousel views with these settings
- Pause/Resume Slider on Scroll
  See “Stop Slider Out of Viewport” option
- Lazy Load / Performance & SEO Optimization
  LazyLoad settings / Evaluate your slider’s performance

#### Advanced Options

- Problem Handlings
  Fallback options for mobile and legacy IE / Troubleshooting options
- Import / Export / Replace
  Import and Export sliders, update image URL’s for new domain
- API Functions
  API methods and events for developers
- Slide Info (navigation meta)
  Slide title & description to be used with certain navigation

#### Updates and Support

- How to Update the Plugin
  Information for individual purchases + theme bundles
- Support Center
  Get answers for topics not covered in the documentation