Adding and Setting a Gallery

Adding and Setting a Gallery


Use a gallery on your site to create your photographer portfolio, share some company's event or live photos of your products. Five different layouts will help you to choose the best way to present the images.

Follow the instructions below to see how you can add and set up a gallery on your site.


Adding a gallery

1. Open the blocks gallery in the editor, access the Gallery tab and choose a suitable block:

2. You can also add a gallery as a separate element in the existing blocks. For that, hover over the place in the block where you'd like to set a gallery and click on the "plus":

3. Select Gallery element in the pop-up menu:


Adding images to the gallery

1. To add images to the gallery, click on the placeholder itself, or press the "gear" at the top left corner:

2. Navigate to the Content tab and Upload the needed images from your device. Use Gallery button to browse through the existing photos on your site, or access the stocked images in the Free photos tab:

3, Once you add an image in the gallery, make sure to edit its display and position according to the instructions in the article Editing images.


Note: there is no possibility to add click action to the images in the gallery. Bear in mind that gallery placeholder can be used specifically for images, not videos.

4. If you want to change the order of the photos in the gallery, open the Content tab and drag the images to the desired positions.


Gallery settings

After you've added the set of images to your gallery, go ahead and customize their layout — choose the suitable type of the gallery, enable slider controls, change gaps, etc.


1. To access these settings, hover over the gallery and click on the "gear" in the top left corner.

2. Switch to Layout tab in the pop-up menu and set the needed gallery type:
Each gallery type has its own settings. For example, if you choose the Slider mode, you can configure the color for your slider controls, change the animation type, set the sliders to auto scroll, etc.

3. Publish your site after you've done setting up your gallery.




    • Related Articles

    • Adding a Before/ After Gallery

      If you want to showcase the changes by comparing 2 images, the Before/ After gallery will be a perfect solution. This functionality suits best for dentistry, beauty industry, construction and interior design companies, etc. The site visitors can pull ...
    • Adding a slider

      Some blocks on our platform contain a slider allowing you to display images in a carousel where they change manually or automatically. You can add a ready-made slider to your website or enable this mode in existing blocks with a collection. Adding a ...
    • Setting Slides to Autoscroll

      Whether it's a cover slider block or a slider mode in the collections of items, you can enable the auto scroll effect for the slides. Tip: learn more about the slider in the article Adding a slider. Setting slides to auto scroll 1. To open the ...
    • Adding Images

      Adding images to the site is an excellent way to illustrate what your page is about and attract the customers' attention to your company. With the help of our editor, you can add a picture to almost any of the ready-made blocks. Before you begin, we ...
    • Adding site's background

      A good background creates the tone for the website and complements the content. On SiteCliq, you can add an image, a video or a color to the site’s background, and easily adjust it to your needs. Follow the steps below to add a site's background. ...