Step 1 – In the Fusion Builder, click the + Element button to open the Elements list. You can scroll down and find the Gallery Element or you can use the search bar in the upper right-hand corner to filter for the Gallery Element.
Step 2 – That will open the element’s settings. You can now add images to the gallery in two ways. You can bulk upload images at the top right of the Element Options Panel, by choosing Select Images, in the Bulk Image Upload option. This is ideal if you have all your images ready to go. Either upload your images or select them from the Media Library (with Cmd/Ctrl click, or Shift/Click for contiguous images) and when you are finished, click ‘Insert Into Page’. Alternatively, you can add your images one at a time on the left hand side, under the Add / Edit Items options. Just click the + Images button and then the edit button, or you can clone an image to retain its settings and then just change the image out.
Step 3 – Next, you’ll configure the settings which will style your gallery as desired. You’ll start with choosing a layout, image size, column count and more. Please see below for a complete list of available settings and what they do, or checkout the Gallery Demo page for some great examples.
Step 4 – When you have finished styling your element, click Save. You will be returned to your page content. Click preview to view your gallery on the front end, and you can always return to edit the element to make changes.