Component Menu

    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


      Slider Container example with Content Cards

      Slider Container Advanced example with Video Cards