Avartan Slider WordPress Plugin Help Document

Introduction

We appreciate your decision of using our Avartan Slider Plugin. Thank you for using an Avartan Slider plugin for WordPress.

This document is written very carefully by keeping the mindset that it should be easily understood for Beginner to Advance user or developers. We have divided this document into 3 main sections.

1) Getting Started: This section will very help full for introduction and understand how the plugin works.
2) Detailed Document: This section explains everything about Avartan Slider plugin with every setting.
3) Other: This section provides information about miscellaneous items like plugin features, support etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

Avartan Responsive Element WordPress Slider Plugin
  • Last Updated: 04th October 2017
  • Created On: 09th August 2015
  • Created By: Solwin Team
  • Email: info@solwininfotech.com
We offer plugin customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

1. Installation Via WordPress Admin area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Click on the left plugin menu.
  3. Step 3. Now at the top you can see the Add New button, click the button.
  4. Step 4. Again at the top you can see/view Upload Plugin button, click the button.
  5. Step 5. Now upload the plugin zip file (avartan-slider-lite.zip) that you have downloaded from wordpress.org. After upload, install the zip and click on "Activate Plugin".
Plugin Installation
Plugin Upload
Upload Plugin
Install Plugin


2. Installation Via FTP

  1. Step 1. Download Avartan slider plugin zip file (avartan-slider-lite.zip) from wordpress plugin directory
  2. Step 2. Extract Zip file. It will create "avartan-slider-lite" folder with all plugin files & folder inside it. (Remember the extracted folder path)
  3. Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
  4. Step 4. Go to Dashboard » Plugins » Installed Plugins and find Avartan Slider Lite plugin from the list.
  5. Step 5. Click on Activate to the active Avartan Slider Lite plugin.

Create a New Slider

  1. Step 1. Go to Dashboard » Avartan Slider
  2. Step 2. Click on "Create New Slider" Button.
  3. Create new slider
  4. Step 3. Click on "Standerd Slider".
  5. Select slider Type
  6. Step 4. Add the slider name. Shortcode of the slider will be generated automatically (see image below).
  7. Step 5. Click on 'Save Settings' button at bottom of page. And Enjoy the Slider!
  8. Save Settings

Slider Settings

Slider Settings

1. Slider Name

A name used for a slider.

2. Alias

An individual slider name. This name will be embedded in slider shortcode, so do not use special characters.

3. Shortcode

This is the Shortcode that will be embedded into your pages, widgets, etc.

4. PHP Function

This is the PHP function used in page template or in core files.

Layout

Layout Settings


1. Slider Layout Type

  • Fixed: The slider will take width and height that are assigned to slider.
  • Full Width: The slider will always stretch across the entire width of the screen.

2. Force full width

The slider will display forcefully in full screen

NOTE: Force full width option is available in pro version.

3. Layer Grid Size

Set initial height and width of slider for grids in pixels.

  • Desktop Layer Grid Size: Set width and height of slider grid for desktop in pixels.
  • Mobile Layer Grid Size: Set width and height of slider grid for mobile in pixels.
    NOTE: Mobile Layer Grid Size is available in pro version.
    Click Here to get info about Mobile Layer Grid Size.
  • Mobile Custom Design: Select ON to set Custom mobile layer on slider.

General

1. General

General Settings
  • Automatic Slide: Set slider navigation loop automatically.
  • Random Slide: Set slider order random position.
    NOTE: Random Slide feature is only available for PRO version.
  • Pause On Hover: It pause the current slide when mouse is hover on slide area.
  • Swipe & Drag: Enable swipe left, swipe right, drag left, drag right commands.

2. Loader

Loader Settings
  • Enable: Enable/Disable loader in slider.
    NOTE: Loader Enable/Disable feature is only available for PRO version.
  • Type: Select loader type

Visuals

1. Appearance

Appearance
  • Background Color: Set slider background color.
  • Shadow: Select slider shadow.
    Slider Shadow

2. Mobile

  • Mobile Settings

    • Hide Slider
      Set width under which you want to hide slider.
    • Hide Defined Elements
      Set width under which you want to hide defined elements.
    • Hide All Elements
      Set width under which you want to hide all the elements.
    • Hide Arrows
      Set width under which you want to hide arrows.
    • Hide Bullets
      Set width under which you want to hide bullets.
    NOTE: This feature is only available for PRO version.

3. Timer Bar

Timerbar
  • Show Timer Bar: Enable/Disable to show timerbar on slider.
  • Timer Bar Position: Set timerbar position.
NOTE: This feature is only available for PRO version.
Click here to get info about Timer Bar.

Parallax & 3D

1. Parallax & 3D

Parallax & 3D
NOTE: This setting for Parallax & 3D is not apply to any slide in lite version it is seen here only for the display.
This feature is only available for PRO version.
Click here to get info about Parallax and 3D

Callbacks

1. Callbacks

Callbacks
NOTE: This setting for Callbacks is not apply to any slide in lite version it is seen here only for the display.
This feature is only available for PRO version.
Click here to get info about Callbacks.

Slide Settings

1. Source & Settings

Slide Background Settings
  1. Background Type
    • Transparent: For transparent background.
    • Solid Color: For background color.
    • Gradient Color: For Gradient background color (Multiple Color).
      NOTE: This feature is only available for PRO version.
      Click here to get info about Gradient Color.
    • Image: For background image.
    • YouTube Video: For background youtube video.
      NOTE: This feature is only available for PRO version.
      Click here to get info about YouTube Video.
    • Vimeo Video: For background vimeo video.
      NOTE: This feature is only available for PRO version.
      Click here to get info about Vimeo Video.
    • HTML5 Video: For background HTML5 video.
      NOTE: This feature is only available for PRO version.
      Click here to get info about HTML5 Video.

2. Parallax/3D

Enable the parallax effect for the slider, and if enabled, parallax usually works best on desktop computers.

NOTE: This feature is only available for PRO version.

3.Ken Burns

Slide Ken Burns Settings
  1. Ken Burns: On/Off ken burns or pan zoom effect in slide.
  2. Scale in %: Add image scale(zooming) value here.
  3. Horizontal Offsets: Set horizontal offsets for ken burn effect.
  4. Vertical Offsets: Set vertical offsets for ken burn effect.
  5. Rotation: Set image rotation value while ken burn effect is apply in slide.
  6. Easing: Set ken burn effect css3 animation type using here.
  7. Duration: Set ken burn effect css3 animation duration time.
NOTE: This feature is only available for PRO version.

4. Overlay

Slide Overkay Settings
  1. Color Overlay Type
    • Solid Color: For solid color overlay background.
      • Select Color: Set background overlay color.
    • Gradient Color: For multiple transparent background.
      • Gradient Color Overlay: Set colors using color picker.
      • Gradient Overlay Angle: Set gradient color display angle.
    • Pattern Overlay: Ser pattern overlay in background image or color.
    NOTE: Overlay feature is only available in PRO version.
    Click here to get info about Overlay.

Animation Settings

Slide Animation Settings
  1. Slot Amount: Set slide animation starting duration time in millisecond.
    NOTE: This feature is only available for PRO version.
    Click here to get info about Slot Amount.
  2. Slot Rotation: Set slide rotation angle.
    NOTE: This feature is only available for PRO version.
    Click here to get info about Slot Rotation.
  3. Ease In: Set slide entry(In) animation effect.
    NOTE: This feature is only available for PRO version.
    Click here to get info about Ease In.
  4. Ease Out: Set slide exit(Out) animation effect.
    NOTE: This feature is only available for PRO version.
    Click here to get info about Ease Out.
  5. Time: Set slide total time.
  6. Start Speed: Set Animation start speed in millisecond.
  7. Transition effects Various transition effects can be applied to slides.
    • Fade
    • Fade From Right
    • Fade From Left
    • Slide To Top
    • Slide To Bottom
    • Slide To Right
    • Slide To Left
NOTE: 50+ transition effects are available in pro version.

Action Settings

Slide Action Settings
  1. Enable Link: Click to enable disable link.
  2. Link to Slide: Select link option for slide.
    • Simple Link: Set simple link to slide.
    • Next slide: Set link to move on next slide.
    • Previous slide: Set link to move on previous slide.
    • Scroll Below Slider: Set link to scroll below to slider after click on slide element.
  3. Slide Link: Set simple link URL target.
    NOTE: Slide Link display when simple link selected from Link TO slide option.

    NOTE: Action feature is only available for PRO version.
    Click here to get info about Action.

Attributes Settings

Slide Action Settings
  1. ID: Add ID for slide.
  2. Classes: Add id for particular slide.
    NOTE: Here you can add multiple classes using space Like: "class1 class2 class3".
  3. Title: Add title for particular slide.
  4. Rel: Add related text for particular slide.
NOTE: This all features is only available for PRO version.

Advance Settings

Slide Action Settings
  1. Slide Description: Add description about selected slide.
    NOTE: Slide Description is available in pro version.
    Click Here to get info about Slide Description.
  2. Custom CSS: Add custom CSS for slide elements.
    NOTE: Do not use .class_name{} or #id{}.
    Directly add css value.

Element Settings

Element Option

There are 7 types of Elements available. Text/HTML, Image, Video available in Avartan Slider Lite version, Shortcode, Button, Icon and Shape available in Avartan Slider Pro version.
Each element has different options.

Text/HTML Element

1. General Parameters:


Text General Settings
  • Add New Layer
    To add new Layer in editor click on   Add New Layer then select element which you want.
  • Delete Element
    Click on any element from slide and then click on to delete the element.
  • Duplicate Element
    Click on any element from slide and then click on to duplicate the element.
  • Edit Element
    Click on any element from slide and then click on to edit the element.

Image Element

  • X Position: Using X position Y Position You can move your elements from X axis to selected layered alignment.
  • Y Position: Using Y position Y Position You can move your elements from Y axis to selected layered alignment.
NOTE: All design editor elements options for Image Element are available in pro version.
Click Here to get info about other design elements.

Video Element

In order to add video element...

Step 1. Click on    Video

Step 2. Navigate to 'Source' tab and 'Choose Video Type'.

Avartan slider provides 3 types of video support.

  • 1. Youtube Video

    • Video Layer

  • Choose Video Type
    Select video type as YouTube.
  • Youtube ID or URL
    Enter youtube ID or URL then click on search button to set video in element. Example: iNJdPyoqt8U
  • 2. Vimeo Video

    • Vimeo Video

  • Choose Video Type
    Select video type as Vimeo.
  • Vimeo ID or URL
    Enter Vimeo ID or URL then click on search button to set video in element. Example: 35545973
  • 3. Sources

    • HTML5 Video Settings

    • Choose Video Type
      Select video type as HTML5.
    • HTML5 Video Links
      Enter HTML5 video links like MP4, WEBM and OGV.
      NOTE: You can upload HTML5 video from WordPress media in pro version only.
      Click Here to get info about set video button.
    • Step: 3 Settings
      Video Advance Settings
      • Full Screen
        If set "On" then video width and height will both automatically set to 100%.
      • Force Cover
        This means the video will always cover the entire size of the slider, but depending on the video's original size ratio in relation to the slider's actual size.
      • Aspect Ratio
        To set aspect ratio of video. and it only applicable if "Force Cover" is set to "On". Default is 16:9
      • Loop Video
        It specifies that the video will start over again, every time it is finished.
      • Autoplay
        The video will automatically start playing.
      • Autoplay Only First Time
        The video will automatically start playing only one time. Once slide changed the autoplay feature will be disabled.
      • Allow Fullscreen
        If selected then youtube and html5 player will allow to fullscreen feature.
      • Next Slide on Video End
        Automatically change slide after video is completed.
      • Hide Controls
        Hide player controls in Youtube and HTML5.
      • Mute
        It specifies that the audio output of the video should be muted.
      • Show poster on pause
        If preview image is set then poster image will be display when video is paused or ended.
      • NOTE: All video settings are available in pro version.
      • 3. Sources

      • Video Preview
      • Preview
        Select image to set preview image for video layer.

Shortcode

Shortcode
NOTE: Shortcode option is available in pro version.
Click Here to get info about Shortcode element.

Button

Shortcode
NOTE: Button option is available in pro version.
Click Here to get info about Button element.

Icon

Icon
NOTE: Icon option is available in pro version.
Click Here to get info about Icon element.

Shape

Shape
NOTE: Shape option is available in pro version.
Click Here to get info about Shape element.

Design

Text Design Settings
  • X Position: Using X position Y Position You can move your elements from X axis to selected layered alignment.
  • Y Position: Using Y position Y Position You can move your elements from Y axis to selected layered alignment.
NOTE: All design editor elements options for Text/HTML Element are available in pro version.
Click Here to get info about other design elements.

Animation

Animation Settings
  • Delay: How long will the element wait before the entrance. Default: 0ms
  • Time: How long will the element be displayed during the slide execution. Write "0" to set the entire time. Default: "0"
  • In Animation: The in animation of the element.
  • Out Animation: The out animation of the element.
  • Ease In: How long will the in animation take. Default: 300ms
    NOTE: Ease in option is available in pro version.
    Click Here to get info about Ease In.
  • Ease Out: How long will the out animation take. Default: 300ms
    NOTE: Ease out option is available in pro version.
    Click Here to get info about Ease out.
  • Start Speed: Set animation start speed. Default: 300ms
  • End Speed: Set animation end speed. Default: 300ms

Advance settings

Advance Settings
  • Show On Device: Select device icon to show selected element to that device. Default: Both are Selected
  • Hide Under Width: Under is useful for when lots of content displays nicely on desktop, but there isn’t really enough screen space to fit everything on mobile.
    Default: Off
  • Advance CSS: Style the element.
    NOTE: Show On Device & Hide Under Width options are available in pro version.
    Click Here to get info about Advance settings.

Parallax / 3D

NOTE: Parallax / 3D options are available in pro version.
Click hereTo get more info about Parallax / 3D.

Advance Editor

NOTE: Advance Editor options are available in pro version.
Click hereTo get more info about Advance Editor.

Publishing Slider

Add Avartan Slider To Post/Page


1. Add via shortcode

  1. Step 1. Go to Dashboard » Pages » Add New Or Dashboard » Posts » Add New
  2. Step 2: Click on the Add Avartan Slider button as shown in below image.
Add Slider To Page

2. Add via PHP function

Paste this function if(function_exists('avartanslider')) avartanslider('avartan_slider'); in your php template or in php file where you want to use.



Add Avartan Slider To Widget

  1. Step 1. Go to Dashboard » Appearance » Widgets
  2. Step 2: Drag the "Avartan Slider Widget" to the desired sidebar.
Add Avartan Slider To Widget

Other




Plugin Features

Truly Responsive slider

This slider is an effective for Responsive WordPress themes, because it would automatically adjust to its container. This would work out of box, as there is no any need of js or css in your theme. Slider takes care of handling display on all possible devices by Fully image scaling and element adjustment.

Truly Responsive slider

Drag and Drop Builder

  • Avartan Slider is supporting an impressive number of options, even beginners will manage to create beautiful sliders.
  • The user can drag and drop each and every element and create a beautiful slider in minutes.
  • Developing skill is not required to build slider.
Drag and Drop Builder

Amazing Layers PRO!

  • One Text Element play multiple roles like only text or custom html.
  • User can add single single image in slide by Image Element.
  • Add Youtube, Vimeo or Self Hosted HTML5 video by Video Element.
  • Avartan supports all plugin Shortcodes by Shortcode Element. PRO!
  • Quick make Button by Button Element. PRO!
  • Quick add Icon by Icon Element. PRO!
  • Quick add Shape by Shape Element. PRO!
Text-HTML-Image-Video-Shortcode

Preview Slide And Slider

All slides are different in a slider. Why not to preview slide before publish?
You can preview each and every slide at the time of creation and modify it and save valuable time.
User can preview the slide according slider layout like fixed-width or full-width and Screen mode Desktop or Mobile.
Now, user can preview whole slider before publish on front.

Slide Preview

Single Import/Export Slide

No worry to transfer single slide from one site to another site.
Just export your favorite single slide and import that one in your favorite slider.

One Click Import & Export

Copy & Move Slide

  • Enjoy to copy same slide from current Slider to another Slider by using Copy Slide Feature.
  • If you want to remove same slide from current Slider and add that slide in another Slider then use Move Slide Mechanism.
Copy & Move Slide

FAQ

1. Is plugin support shortcode feature as I can display particular slider in any widget area?

Yes, Avartan Slider provides shortcode feature as well as PHP function feature. You can write it in content area and you can see your favorite slider on your website.


2. Can I change my navigation buttons?

Yes, there is inbuilt library of navigation buttons so you can choose navigation button of your choice from Navigation button Library from admin side.


3. I want to change loader, How it possible?

Avaratan Slider Lite version providing 6 default loaders under “Loader” Panel. You can upload your loaders with pro version of plugin.


4. For which purposes I can use Avartan Slider?

Avartan Slider is a multipurpose responsive slider as you can use it for any wordpress website to display your message to website visitor using content slider, animated slider, video slider, form slider, catalog or combination of all.


5. Can I duplicate my slider elements and sliders?

You can only duplicate your slider elements. If you want to duplicate your whole slider then you have to purchase pro version of slider.


6. Can I add “Call to action” functionality with slider elements?

Yes, you can reach with this functionality via adding a links on slider elements.


7. What is the best point with Avartan Slider?

Avartan Slider provides an user friendly admin panel, wide variety of default options that required for all types of sliders. So, beginner can start working with sliders. Avartan Slider also provides third party video integrations like Youtube, Vimeo and HTML5 video.


8. Is there any settings that I will miss when move from free to PRO version of slider?

No, you no need to worry about as you will not miss any settings which is available in free version. All free version slider settings are available in PRO version also.

Upgrade Avartan Slider Lite to Pro version

NOTE: If you are going from Avartan Slider Lite to Pro version then your all changes of Lite version will not be lost. Even you will get advanced features in Pro version.
NOTE: To check Pricing Table and features comparison table of lite and pro version Click Here
NOTE: After upgradation from lite to pro version you have to follow these steps to create your first slider with Avartan Slider plugin click here for quick guide

How to upgrade plugin? Follow the below steps and upgrade your plugin.

Buy now on Codecanyon

You can upgrade Avartan Slider Plugin using 1 of the two ways below

1. Installation Via WordPress Admin area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Click on the left plugin menu.
  3. Step 3. Now at the top you can see the Add New button, click the button.
  4. Step 4. Again at the top you can see/view Upload Plugin button, click the button.
  5. Step 5. Now upload the plugin zip file (Avartan Slider.zip) that you have downloaded from Codecanyon. After upload, install the zip and click on "Activate Plugin".
Plugin Installation
Plugin Upload
Upload Plugin
Install Plugin


2. Upgrade Via FTP

  1. Step 1. Download Avartan slider plugin zip file (Avartan Slider.zip) from Codecanyon
  2. Step 2. Extract Zip file. It will create "Avartan Slider" folder with all plugin files & folder inside it. (Remember the extracted folder path)
  3. Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
  4. Step 4. Go to Dashboard » Plugins » Installed Plugins and find Avartan Slider plugin from the list.
  5. Step 5. Click on Activate to the active Avartan Slider plugin.

Thank you for using Avartan Slider plugin!

We would like to thank you for using our Avartan Slider Plugin! If you have any difficulties with Avartan Slider Plugin or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!