"ARI Smart Content - Easy Slider" module shows content sliders in module positions. The module can be enabled/disabled and configured on "Extensions → Module Manager" page on Joomla! backend. The module offers the following parameters:
- Data source is a main and required parameter. It is used to select the data source which will be used to create slider items. See also Template parameter. If a data source is not selected, the module will show nothing. It is possible to select data sources from Text data section.
- Use constant ID if the parameter is set to 'Yes', slider container will have the constant ID based on module ID. It can be useful for caching or other purposes.
- Load method is used to specify load method on client side. If it is set to 'On Load', a slider will be created when page and all resources (images, styles and etc.) are loaded by a browser. If it is set to 'DOM Ready', the slider will be created immediately when page is loaded (it doesn't wait till all resources are loaded, they will be loaded in parallel). In other words, 'DOM Ready' event occurs before 'On Load' and if possible it is preferable to use it instead of 'On Load'. This parameter can be useful to resolve conflict with some 3rd party extensions, if the extension doesn't work properly when it's set to 'DOM Ready', try to switch it to 'On Load'.
- Theme is used to specify the theme which will be used by the slider.
- Width is used to specify width which will be used for the slider. Possible values: 350, 500 and etc.
- Height specifies height of the slider. Possible values: 300, 420 and etc.
- Template is used to define template for slides content. It is possible to use data source predefined variables (like {$title}, {$introtext} and etc.) and HTML code.
- Responsive is used to specify should be slider responsive or not. If it is responsive then slider size will be adapted to screen size.
- Direction is used to specify scrolling direction.
- Items per page specifies how many items should be shown on each slider page.
- Start slide index is used to specify index of initial slide.
- Speed specifies slider speed in milliseconds.
- Auto-rotate specified auto rotate slider items or not.
- Auto rotate reverse motion if this option is set to 'Yes', the slider will moves slides in reverse direction. From right to left (from top to bottom).
- Pause duration specifies pause duration in milliseconds.
- Continuous enable this option, if you want to scroll items from the last to the first and vise versa when a user click next or prev button.
- Opposite if this option is disabled, the module will scroll items in unlimited way.
- Pause on hover specifies should be slideshow paused on mouse hover.
- Move effect is a transition effect.
"Navigation controls" parameters section is used to show/hide navigation controls and configure button labels:
- Controls position is used to specify position when navigation controls will be shown.
- Fade controls specified fade controls or not.
- Show paging is used to show/hide paging control.
- Paging type specified paging type. Paging buttons can contain numbers (1,2 and etc.) or words (one, two and etc.).
- Show navigation controls is used to show/hide navigation buttons (next, prev and etc.).
- Previous button is used to specify label of previous button.
- Show prev button is used to show/hide previous button.
- Next button is used to specify label of next button.
- Show next button is used to show/hide next button.
- First button is used to specify label of first button.
- Show first button is used to show/hide first button.
- Last button is used to specify label of last button.
- Show last button is used to show/hide last button.
- Show play/pause buttons is used to show/hide play/pause buttons.
- Pause button is used to specify label of pause button.
- Play button is used to specify label of play button.
"Styles parameters" section contains parameters to define some style properties of the slider:
- z-Index specifies z-index for the slider.
- Opacity is used to specify opacity. Use a real number from 0 to 1. Possible values: 0.1, 0.5, 1 and etc.
- Border width is used to specify container border width. Possible values: 0, 1, 4 and etc.
- Border color is used to specify container border color.
- Border type is used to specify container border type.
- Background specifies slider background color.
- Border corner radius is used to specify container border corner radius.
- Content padding specifies content padding. Possible values: 0, 5, 8 and etc.
- CSS styles specifies additional styles if necessary. You can use predefined variable {$id} which will be replaced with id of the slider container. For example you can add the following code to change font size to 20px for slides:
#{$id} {font-size: 20px;}