Adding a Row Slider
Also known as a "carousel", a Row Slider enables you to create a set of rows that visitors can flip through manually - or you can set them to transition automatically at specific intervals.
How to add a Row Slider
Hover on the row you wish to turn into a Row Slider and select Add Row Slider from the dropdown.
You will now see the Row Slider dropdown option every time you hover on the row.
If you want to add more slides to your Row Slider, navigate to Row Slider > Slides and select Add slide.
Row Slider Design
Select Design from the Row Slider dropdown menu to start editing the design. When designing your Row Slider, you can customize the background as well as the style of the arrows and pagination dots that visitors can click on to flip through your slides. Be aware that your Row Slider background color/image will only be visible on your website if the rows inside the slider have a margin greater than zero.
You can customize your Row Slider arrows and pagination dots by navigating to Row Slider > Design > Arrows or Pagination dots. Here you can change sizes, background colors and border properties in various states.
In order for the arrows and pagination dots to show on your row slider, you need to first enable them in the Row Slider settings menu, as described below.
Row Slider Settings
Select Settings from the Row Slider dropdown menu to start editing the settings. In the Settings menu, you'll see the following options:
Place row behind header: move the entire Row Slider with all its rows up behind the header.
Show arrow navigation: if enabled, the navigation between slides of the Row Slider will be done through an arrow on each side, moving the slides on the respective direction.
Show pagination dots: if enabled, the navigation will be done with circles (dots) at the bottom of the row slider.
Auto transition of slides: slides in your Row Slider will automatically change without the visitor clicking.
Pause transition on hover: if Auto transition of slides is enabled and the visitor hovers on the Row Slider, the transition will pause. Once they hover somewhere else on the page, the Row Slider will resume the automatic transitions.
Slide transition type: define the transition animation for when rows slide from one slide to the next. You can choose between four animations:
Slide transition interval: by default the transition interval is 5000 milliseconds (5 seconds). Choose a smaller value if you want the transition interval to be shorter and a bigger value if you want the transition interval to be longer. Remember to input the number in milliseconds.