The fantastic Gallery Element has been updated with Avada 5.8, with the ability to add links to individual images, and lazy loading by default. The Gallery Element can be used to quickly create a responsive and stylish image gallery on your site. Select various layouts like Grid or Masonry, choose column width, column spacing, lightbox options and more. Below, we'll walk you through the various options and settings for this very useful element.
How To Use The Gallery Element
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.
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Theme Options > Fusion Builder Elements > Gallery Element section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada's Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Add / Edit Settings
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Gallery Element
The Avada Advanced Options Network gives you amazing flexibility with additional Global Element Options that allows you to control individual Element default settings.
Gallery Element Parameters
Each of these parameters correspond to each individual Element option as shown above, in this document. Likewise, the format illustrated below is what you will see if the Fusion builder is deactivated in your page/post.