How to Install
Once you purchased you will get a zip folder. This is the plugin folder which you need to upload to plugins > add new screen. Once installed simply activate it.
That easy!
Overview
Anything Slider plugin comes with 2 modules:
- Anything Slider Module
- AS Menu Module
Slider module as the name suggests is the module which you will use to create your sliders, content sections, etc.
And the Menu module is creatively developed external menu control for sliders. You will be able to create the custom menu, tabs, filters using this menu and can link each menu item to a specific slide.
**New (v1.2):**This update includes a built-in Nave Menu control, which will create the menu automatically by just enabling the control within your Slider module General Tab. This control is much better to use in most of the use cases however the separate AS Menu module may come handy in some advanced use cases.
Anything Slider Module
This is the main module. Using this module you will create your sliders, filterable, carousels, tabs, anything creative.
Let’s review the options it has.
Content Options
Following option you will find under the Content Tab.
Add Slides
First thing you will need to do is adding your slides to the slider, slides are your saved divi layouts. First you will need to create those slides simply as you create a divi section and then save those sections in the divi layout library. Then when you add the slider module and edit it you will be able to pick those saved slide layouts from the slide picker control here.
| Add Slide - Content Options | Details/Explaination |
|---|---|
| Slide Layout | This is the slide picker control which fetches all your saved divi layouts and allow you to select a layout as a slide. |
| Slide Label | This serves as the Slide label shows in admin, Menu Text (when Nav Menu control is enabled) and also as custom hashURL (the slide id you see in the url as #something). You must enter unique name here and that should not be same for any other slide on a page. |
| Use Icon | For Nav Menu Control. If you are using Nav menu control and wish to add an ICON to the menu for this particular slide, you may turn on this option. |
| -- Icon | Select your desired icon |
| Use Image | For Nav Menu Control. If you are using Nav menu control and wish to add an IMAGE to the menu for this particular slide, you may turn on this option. |
| Image/Icon Placement | Here you may adjust the Icon/Image position for this particular menu item. |
If Use Icon Option is turned on from the Content Tab then you will get following controls in the design tab.
| Add Slide - Design Options | Details/Explaination |
|---|---|
| Custom Icon Styling | Enabling this will allow you to customize the styling of your icon for this particular slide's Menu item. |
| -- Icon Color | Adjust the icon color here |
| -- Icon Color - Active/Hover | Adjust the color for icon for Active Menu or on Menu hover state. |
| -- Circle Icon | If you wish to have a circle background behind your icon then enable this option. |
| ----Circle Color | Adjust the color of circle |
| --- Show Circle Border | Enable if you also need a border on the circle. |
| ----Circle Border Color | adjust the color of circle border |
| Icon Font Size | Adjust icon size |
Controls:
Anything slider comes with built-in different controls which allow you to make a powerful slider or an interactive content section which may not be easily possible without this plugin.
| Control Options | Details/Explaination |
|---|---|
| Next/Previous Control | If turned on, the next & previous control will be enabled on slider. If turned on will show following options. |
| -- Next Label | Text label for next control button |
| -- Prev Label | Text label for previous control button |
| -- Next/Prev Control Position | Here you can adjust the position for the next/prev control. |
| Nav Menu | Built-In Nav Menu control added in v1.2. If enabled this will create an automatic menu like navigation, Menu label, icon & image can be added/customized via each slide you add itself. And some styling options are in the main Design tab. |
| -- Disable Menu Label/Text | if you wish to create only icon/image menu you may turn this option on to disable menu text for Nav Menu control. |
| -- Slide on Hover | By default slider work on clicking a nav menu item, however you can enable this option if you wish to make the slider work on mouse hover on a nav menu item. |
| -- Nav Menu Position | Simply control where you wish to place your Nav Menu control similar to Next/Previous control. |
| Dot Control | 3rd Control type we have currently with Anything Slider is Dot control, but Dot control and Nav Menu control may not be active together, if you will turn on Nav Menu control then dot control will not display. |
| -- Dot Control Position | Similar to other 2 controls, you may also set position where you wish the dot control to display. |
| Show Controls on Hover | If turned ON, all the controls (Next/Previous, Nav Menu or Dot) will display on mouse hover on slider only. |
Animation
Anything slider comes with tons of animation controls to make your slider/interactive content more appealing.
| Control Options | Details/Explaination |
|---|---|
| Animation In | This is your slide In animation, you got bunch of animations to select from |
| Animation Out | This is your slide Out animation, you got bunch of animations to select from |
| Automatic Animation | By default this is turned off and slider will only work via the controls, however you may enable this and adjust the other options as explained bellow. |
| Automatic Animation Speed (in ms) | Here you can designate how fast the slider fades between each slide, if 'Automatic Animation' option is enabled above. The higher the number the longer the pause between each rotation. 1000 = 1 second |
| Continue Automatic Slide on Hover | By default if automatic sliding will be paused if a user mouse hover on your slider, turning this on will allow automatic sliding to continue on mouse hover. |
Other Settings
There are some other powerful settings as well, explained bellow.
| Control Options | Details/Explaination |
|---|---|
| Loop Slider | If turned on, which will make the slider to not stop automatic sliding if the last slide is reached, it will make it keep sliding from the first slide again and process goes on. |
| Auto Height | If you got different height for your content in each of your slide, then your slider by default will set a heigh equal to the longest slide's height. However turning this option on will make the slider to adjust height on each slide. |
| Touch / Mosue Drag | This option will enable/disable the possibility to change slide via touch on mobile and dragging on desktop via mouse cursor. |
| URLhash | Turning this off will disable the custom ID appear in the url bar for each slide. If turned off then the AS Menu module will not work as it works however the built-in Nav Menu control will still work. |
| Enable RTL support | If you got a website with an RTL language, you need to turn this ON to make slider work properly. Note: This is not something related to make translation work. |
Background
Here you may add some background styling to your slider if you wish. This is the latest Divi background control which allow you to add color, gradient, image or a video as the background. Really powerful control.