Avartan Slider - Responsive WordPress Slider Plugin

Avartan Slider-Responsive WordPress slider plugin

Avartan Slider is a responsive WordPress plugin for creating innovative and stunning layered content image sliders and video sliders.This plugin is an effective and user-friendly way to beautify your homepage, header/banner section and display on your website.It has unique features such as touch and swipe navigation, drag and drop visual slider builder, multimedia content and more.

It allows you to easily create powerful sliders with animation layers (text/HTML, images, shortcodes, buttons, videos, icons, and shape layers), which makes it very easy to create out-of-the-box sliders.Avartan Slider makes your website more intuitive, no coding skills required. It is very easy to manage for beginners to web developers.

The Avartan Slider plug-in is bundled with precisely designed slider templates, suitable for various categories such as creative design, fashion, products, weddings, etc.So you can import the slider, and by modifying it, you can quickly create a slider according to your requirements. In addition, we will continue to add more slider templates in future versions.

If you want to add animation parts to your homepage, post and page design, then Avartan Slider is the best solution you have never seen before.

Each slide layer contains many options to manage your element styles and designs, such as colors, font styles, font families, and more.

Really responsive slider

This slider is very effective for responsive WordPress themes because it will automatically adjust to its container.
This works out of the box because you don’t need JavaScript or CSS in your theme.
Slider handles the display on all possible devices through full image scaling and element adjustment.

Search engine friendly

The Alt and Title properties are available for all element images, slideshows, and background images.
All heading tags (h1, h2, h3, h4, h5, h6) and paragraphs (p) can be used in content elements to make your content seo friendly.
Rel and Title properties available for links.

The Avartan slider provides touch and swipe navigation to make your navigation functions easier.
Smooth finger navigation by touching the surface of your mobile device.
Experience the same navigation as dragging the mouse on a desktop device.

Drag and drop generator

Avartan Slider supports a large number of options, even beginners can create beautiful sliders.
Users can drag and drop each element and create beautiful sliders in minutes.
No development skills are required to build the slider.

rear slider

Create a slider, the content of the slider is taken from a post on your website.
Post-based sliders are sliders based on the specific category/tag (or multiple categories/tags) you choose.
Choose a regular post or one of your custom post types.
Different types of post filters can be used.
Added more than 10 built-in preset layouts to the post slider.

Amazing level

A text element plays multiple roles, such as text only or custom html.
The user can add a single image at a time in the slideshow through the image element.
Add Youtube, Vimeo or self-hosted HTML5 videos via Video Element.
Avartan supports all plug-ins Shortcodes through Shortcode Element.
Quickly make buttons through button elements.
Quickly add icons through icon elements.
Quickly add shapes through shape elements.

Preview slide/slider

All slides are different in one slider. Why not preview the slides before publishing?
Users can preview and modify each slide as it is created, saving valuable time.
Users can preview the slideshow according to the slider layout (such as fixed width or full width and screen mode desktop or mobile).
Now users can preview the entire slider before the front end is released.

Animation and transition

Make your sliders effective with animations and transitions. Avartan sliders allow you to create prettier slideshows by using delays, ease-in/ease-out times.
More than 50 interactive slide animations and different types of relaxing effects.
More than 15 element animation effects and different types of easing effects.

Parallax / 3D animation

The parallax effect is used to apply movement to sliding elements based on mouse or scroll events.
Set the animation speed when the mouse is hovered or scrolled.
Set the parallax effect view to 3D world.

Ken Burns Animation

The Ken Burns effect allows you to create zoom animations for background images.
Allow Ken Burns animation to rotate counterclockwise.
The zoom option will increase or decrease the size of the Ken Burns effect slide background image.

Element design style options

Use advanced style options to design your elements.
You can set the color, font size, line height, background color, border, etc.
User-friendly editor.

Zmienny i obrotowy

The Avartan slider provides the flexibility of resizable and rotatable elements.
Adjust and rotate the elements according to your choice.

Video support

Avartan supports Youtube, Vimeo and self-hosted HTML5 videos on Slides.
Easily add youtube or vimeo videos as elements on the slide background or video by url or video ID.
Get the video information to be displayed on the video.
HTML5 video supports mp4, webm and ogv type videos.

Video settings

Full width video support.
Set/delete preview image of Youtube or Vimeo video.
You can add poster images to HTML5 videos.
More video settings, such as auto play, next slide at the end of the video, forced rewind, mute, loop video, etc.

Slide sorting

The slider is usually used on the homepage of a business or portfolio website.
It is important to show all the slides. But it’s important to display the slides in the arrangement you choose.
To meet this requirement, Avartan Slider allows you to easily rearrange slides through drag and drop.

Copy and move slides

Enjoy using the copy slideshow function to copy the same slideshow from the current slider to another.
If you want to delete the same slide from the current Slider and add it to another Slider, please use the moving slide mechanism.

Active/inactive slides

Now you can choose active or inactive personal slides just like WordPress Post.
If "inactive", the slide will still exist on the back end, but will not be visible when the slider is displayed on the front end of the site.

Slide background overlay

Use the new guided color picker with opacity to make amazing color overlays for your slides.
Set pattern overlays on the slide background of more than 35 pattern collections.
Set gradients and gradient overlays on the slide background according to your choice.

Copy elements, slides and sliders

time is money. Users can save time by using the repeat function.
The Avartan slider provides the function of copying every element.
The user can create a new slider in a few seconds by copying another slider. Slider also allows to copy slides.

Grid and layer helper support

Grid Helper makes your slideshow design tasks easy. There are various options to view the editor's grid guides, such as 10x10, 25x25, etc.
The layer assistant can easily set the element design on the slide.

Design content for multiple screen sizes

Enjoy designing slideshows for desktop/mobile view levels.
Various style options can be used to set the screen size wisely.
Even if you can set the element position individually for each screen size.

Font support

Make your slideshow text great with various Google font collections.
Use Font Awesome to decorate text and button elements.

Enable/disable navigation arrows.
25+ customizable CSS3 navigation arrows.
Advanced settings of the arrow, such as position and offset.

Enable/disable navigation bullets.
More than 20 customizable CSS3 navigation bullets.
5+ ways to set navigation location.
Advanced settings of bullets, such as offset, direction, and space.

loader hangar

Enable/disable the loader
15+ chargeurs CSS3 par défaut
Upload your personal charger.

Mobile visibility

Now hide your slider in mobile devices according to the defined width
Hide all elements under the defined width
Hide a specific element with a defined width
Hide navigation arrows under defined width
Hide navigation bullets under defined width

Single slide

Design your website with Solo Slide
Just create a slideshow through the avartan slider, it will not display the navigation and timer bars.
Solo Slide is fully responsive website blocks.

Import and export slider

Don't worry about transferring sliders from one site to another.
The powerful Avartan slider provides the function of exporting and importing sliders.

Single import/export slideshow

No need to worry about transferring individual slides from one site to another.
Just export your favorite single slide and import it into your favorite slider.

Vertical slider support

Avartan Slider supports vertical sliders
Now the settings of advanced navigation bullets (such as direction, position) will help you design vertical sliders.

Mandatory full width slider

Avartan Slider supports full-width layout sliders, the display is more beautiful
Now you can stretch the slider to the width of the window by forcing the full width

Visual composer

The visual composer plugin fully supports Avartan Slider.
Add Slider from the content options of Visual Composer.
Added support for more than 8 page builders.

Add favorite slider to post/page

Easily add your favorite slider by clicking the Add Avartan slider button to your post or page.

The Avartan slider widget can display your slider in any widget area. Just select your favorite slider from the list and enjoy it.

Credits:

Note: Any media, Photo, video used in preview are not included in this item and you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects.

We used the jQuery plugins listed below.

WP Color Picker Alpha - New Alpha series of WP color pickers, adding support for color pickers with opactiy.
Jquery Growl-a Growl notification plugin similar to jQuery.
Web Font Loader-a universal interface that can load fonts regardless of the source.
Perfect Scrollbar-Simple but perfect custom scrollbar plugin.
Jquery UI Rotatable-jQuery UI plug-in, which works similarly to Draggable and Resizable.
Select-2 JS-Select2 is a jQuery-based alternative to the select box.
Clipboard-A very common use case is to copy content from another element.
TouchSwipe-jQuery plugin for touch devices.
Greensock-JavaScript library for high-performance HTML5 animation.
Fontawesome-Iconic font and CSS toolkit.
Flaticon - The world's largest search engine for free icons.

Contents