Use the Gallery block for your website design

January 19, 2023 - Claire Tourtoulou
19261 views

2 minutes

When you create your website, you want it to be unique and attractive. Always attentive to your needs and requests,  our team of developers created a brand new Gallery block for you to display your photos on your website. The numerous and powerful features of this new function will allow you to customize even more your website.

To add a wonderful photo gallery to your website, it is very easy. You just have to go to the website modification page and to drag and drop a gallery block to your website. Then choose the gallery style of your choice in the blue panel on the left of your screen.

Slider

The slider will offer you an elegant simple display of your pictures.

  • The arrow navigation will allow you to browse the images of the gallery, using side arrows.
add a photo gallery to my website
Photo gallery - Arrow navigation
  • The dot navigation (available for galleries of 5 pictures or less) will allow you to browse the pictures by using dots located at the bottom of the block.
add a beautiful slider to my website
Photo gallery - Dot navigation
  • You can choose between 2 different effects on image transition: either leftward slide or cross fade.
  • The Autoplay option will enable an automatic display of the pictures.
  • With the “Full screen width” option, the image width will be adjusted to fit the visitor's browser. It is very useful for your homepage or if you want to highlight specific images.
add full screen pictures to my website
Slider - Full screen width option

Horizontal gallery

The horizontal gallery will allow you to customize even more the display of your photos.

horizontal gallery
Horizontal Gallery

You can define:

  • The images’ height: XS, S, M, L, XL
  • The hover effect: None, Flash, gradient, color filter, Fade
  • The image spacing (from 0 to 20) using the little slider
image spacing for my photo gallery
Add a wonderful gallery to your website - Image spacing

Preview gallery

This gallery type will allow you to preview the selected picture and to enhance your pictures

add a preview gallery to my website
Preview gallery

With this gallery type, you can set:

  • The list position: No preview, top or bottom
  • The preview image style: image cropped or image with margins
  • The hover effect for the thumbnails: None, Flash, gradient, color filter, Fade
  • The thumbnail height: XS, S, M, L, XL
  • The thumbnail spacing (from 0 to 20) using the slider


You now know all the secrets of our new Gallery block. You can use it according to your needs and make your website even more attractive, while highlighting all your images.

Claire Tourtoulou
Community Manager
I am passionate about the Web, and I am an autodidact. I like learning new things and sharing my skills with others. At the same time, I manage a blog about my second passion: video games. Except that, I love sports and pets. 🐶

Last update: January 19, 2023