Slides is a simple flexible Slider plugin using Bootstrap 4+.
Some features
- Create multiple sliders (category), including slides.
- Full customization of the slider without coding (component properties, custom CSS styles for category in Backend)
- The order of the slides can be managed.
- You can manage translates.
- You can use Backend Media files.
- Continuously evolving plugin.
This plugin uses Bootstrap 4 Carousel. In this plugin has repaired the RainLab.Translate plugin relation translate error.
Installation
- Install RainLab.Translate plugin.
- Install this plugin.
Requirements
- RainLab.Translate plugin.
- jQuery 3+
- Bootstrap 4+
Available languages
- Hungarian
- English
Basic usage after install
- Create a category.
- Create slides within the category.
- Insert the component into one page and set the properties.
{% component 'slider' %}
Use custom HTML layout for component
You can use your own partition with a unique HTML code that does not change during updates. If you want a unique look, make a partial with the name moringo/slides-custom.htm in the CMS menu like this file else section. If you are using your own partial, copy the else section of the Slider component's default.htm file into the partial. Do not add the slider component to the section!
Attention! If you use your own view, updates that affect the appearance (this file) must be done manually in the partial.
Component properties
| Property | Description |
|---|---|
| Slider category | Active slides uploaded to the selected category will be displayed. |
| Slider height | The height of the slider. Permitted units: auto, px, em, %, in, cm, mm, pt, vh. Example: 350px or 100vh |
| Show indicators | The Bootstrap Indicator on the bottom of the slider, indicating how many slides are located and marking the current slide. |
| Show control arrows | The arrows on the left and right of the slider appear when the field is checked. |
| Fading lapse (Cross Fade) | If switched on, paging is not the usual right-to-left or left-to-right, rather fading. |
| Show title | If enabled, the slides title will be displayed. |
| Show description | If enabled, the descriptions will be displayed. |
| Content position | If the slide title and description are displayed, you can set how far the slide top is located. Permitted units: px, em, %, in, cm, mm, pt. Example: 250px or 40% |
| Interval | The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. |
-
This plugin has not been reviewed yet.
-
| 1.0.7 |
Modify custom view file and folder name to moringo-slides/slides-custom.htm. Sep 07, 2018 |
|---|---|
| 1.0.6 |
Component view has been modified. There is a possibility for a custom partial that does not change during the updates. The description is included in the documentation. Jul 06, 2018 |
| 1.0.5 |
Add Name class, Description class and Description container class field in Slides. Jul 06, 2018 |
| 1.0.4 |
New feature – Button add option when inserting the component. Jun 26, 2018 |
| 1.0.3 |
The deletions did not work for the slides. Bug fixed. Jun 26, 2018 |
| 1.0.2 |
It did not work for an added language only. Bug fixed. Jun 26, 2018 |
| 1.0.1 |
First version of Slides plugin. Jun 25, 2018 |