Tutorial 5

Photo Galleries & Sliders

You want to add pictures, sliders or illustrations?  


Gallery


Step 1: Choose your gallery

First, to add a gallery, start by opening the “add component” brush by clicking on the add button, then select the gallery section.

Then simply drag and drop the gallery model you like, anywhere you want on the page.

Step 2: Customise it

Now, to customise this element, simply double click on it, then on the “edit gallery content” button.

​In this new “Gallery content” brush, click on the “add image” button. Then select the image you want to use, from your assets, or from our free galleries.

​You can also upload any image or logo by clicking on the green upload button.


Remove images

From this “Gallery content” screen, you can, duplicate or remove any image in a single click.

You can also change the caption of your images, or add a link to any page on any image.

Change gallery design

To edit this gallery’s appearance, simply double click on it, and then on the “edit gallery design” button

From this brush, change the image’s format, columns number, or even space between columns.

You can also customize caption style in just a few clicks, for example, position, background and text colors, or text size.

Finally, you can set the action to perform when a visitor clicks on an element: open the image in a lightbox, or open the setted link in another tab​.



Slideshow


Step 1: Choose your slideshow

First, to add a slideshow, start as usual by opening the “add component” brush by clicking on the add button, then, select the slideshow section.

Then simply drag and drop the slideshow model you like, anywhere you want on the page.​

Step 2: Customise the slideshow

To edit this slideshow appearance, simply double click on it, and then, on the “edit slider design” button.

From this new brush, change the slider’s height, caption color, size or font and a lot more like the slider delay or whether it will change automatically or not.

​We also prepared multiple skins for sliders to easily get the look and feel you want.


Step 3: Customise the slides

To edit this slideshow appearance, simply double click on it, and then, on the “edit slider content” button.

From this “Slider content” screen, you can, duplicate or remove any image in a single click.

You can also from there change the slide template, texts and buttons links.


Previous: Page Header

Next: Add social buttons