Photo Gallery Widget

The Photo Gallery allows the user to quickly swipe through multiple images in-line.

  1. Click on the plus button at the left top corner.
  2. Select the Photo Gallery widget from the Images section.

There are 2 main ways to add images to the Photo Gallery widget:

  1. Select images from the Assets tab.
  2. Upload images from your device.

Additionaly you can:

  1. Select an image from another project's assets.
  2. Add an image from Unsplash.

How to adjust the Photo Gallery widget?

  1. Locate the Photo Gallery button with the gear icon in the properties panel on the right side. Click on it.

You can find all the available settings for the Photo Gallery here.

Desktop Settings

  1. Expandable. The Expandable toggle allows you to switch on the fullscreen availability for the images in the Photo Gallery widget.
  2. Progess Indicator. The Progress Indicator toggle allows you to display the progress bar on the Photo Gallery widget.
  3. Autoplay. The Autoplay toggle allows you to switch on the Photo Gallery widget autoplay. Here you can Loop the Photo Gallery playback and set the Play Duration.

  1. Animation Direction. The Animation Direction option allows you to change the slides flow direction from Horizontal to Vertical.

    Animation Effect. There are 5 animation effects available for the Photo Gallery widget: Slide, Cube, Fade, Coverflow, Flip. Here you can find some examples.

    Slides in View. The Slides in View option allows you to set the number of slides visible.

    1. The Opening Slide option sets the first slide visible in the order of the Photo Gallery images.
    2. The Spacing Between Slides option adjusts the distance between the Photo Gallery images.
    3. The Center an Active Slide option shifts the first slide to the central position of the Photo Gallery widget.


Mobile Settings

Slides in View. The Slides in View option allows you to set the number of slides visible on mobile devices.


Arrange Photo Gallery

Here you can rearrange the slides order of the Photo Gallery widget by dragging one of your images to the desired place.


The Upload button allows you to upload images from your device or from the project library.


Image Configuration panel can be opened by clicking on any of the Photo Gallery widget.


Focal point

The focal point allows you to determine the viewpoint for the cropped image.

There are 2 ways how you can adjust the focal point position:

  1. By dragging the blue circle directly on the image preview field in the settings menu.
  2. By entering the X and Y values into the fields located directly below the image preview field.


Download

You can download your image by clicking the 'Download' button below the image preview field.


Remove

You can remove your image by clicking the 'Remove' button below the image preview field.


Image URL

You can also change the image by replacing the existing URL with the URL of another image.


Add Title and Caption

Here you can enter the title and caption for the image.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us