Image slider

Watch in the video how to add the image slider module and how to use it. Below you can find a more detailed explanation on how to use the module.

The structure of the image slider

A media module consists of:

• A number of tab images
• Caption - optional
  
   

Edit image slider

How to insert a module

How to edit a module

Special elements

To insert an image into an image slider, first insert a tab and then insert a tab image.

REMEMBER: Always save the page before inserting a new element into the image slider.

Insert tab:

• Save the page
• Click on the image slider element to bring up the toolbar.
• Click on the blue plus.
• Click on the Tab image element.
• Enter a name in the Name field
• Press Ok.

 

Insert image in tab:

• Save the page
• Click on the tab item to bring up the toolbar.
• Click on the icon with two arrows
• Click on the tab where you would like to insert the image
• Select Edit
• Click the arrow to the right in the Image field
• Browse to the desired image in the Media Library
• Write a caption in the Caption field
• Click Ok.
  

 

Sort the order of images

• Save the page
• Click on the image slider element to bring up the toolbar.
• Click the icon with two arrows
• Select the tab image item you want to move up or down
• Click Move Up or Move Down
• Click Ok
  
   

Delete an image

• Save the page
• Click on the image slider element to bring up the toolbar.
• Click the icon with two arrows
• Select the tab item you want to delete
• Click Delete
• Click Ok
  
   

Here can an image slider be inserted:

In container (M) 9 columns:

• cell 3 columns
• cell 6 columns
• cell 9 columns

In container (L) 12 columns:

• cell 3 columns
• cell 4 columns
• cell 6 columns
• cell 8 columns
• cell 9 columns
• cell 12 columns

In container (S) 6 columns:

• cell 3 columns
• cell 6 columns