Components
Slider Container
With a Slider Container you can group components together horizontally to be shown one at a time and still be able to fully scroll between any of them.
Edited 2 years ago
Desktop
Mobile
Add content to this component to have it scrollable in slides.
To further customize a slider container, use a Slider Container Advanced, which can be used to select how much it should scroll and how its content should loop.
Step by step
Component Structure in Canvas Layout:
1. On the page you want to add the banner, click on the Layout Canvas +
2. Look for the "Slider Container" component in the list and add it by grabbing the component and dragging it to the Layout Canvas;
3. Inside "Slider Container" add the content that will be inside the carousel. Must be card components.
4. To customize the click twice on the component:
Block Content:
• Background image: if want an image as a background select a file for mobile and desktop.
• Background color: also you can choose a solid color for the background.
- • Pagination Style: Select the style of the pagination bullets;
- • Slider Navigation Left - Style: Select the style of the arrow of navigation;
- • Slider Navigation Right - Style: Select the style of the arrow of navigation;
5. Click on "Apply" to save.
- • Pagination Bullets
- • Color
- • Navigation Icons
- • Outter Color
- • Inner Color
- • Inner Color Shadow
- • Left icon
- • Icons Color
- • Right Icon