Add a multimedia gallery to your site to showcase your images and videos and really bring your business to life. You can also add elements like social share icons, a download button, and a heart icon beside each gallery item to encourage site visitors to interact with your gallery and react to their favorite images.
Step 1 | Add a gallery to your site
The first step is to add a gallery to your site. After you've added your gallery you can then look at adding media and customizing the settings.
To add a gallery to your site:
- Click Add on the top bar inside ADI.
- Click Section to Page.
- Scroll down to Elements and click Media Gallery.
- Select a design and drag it to the relevant section on your site.
Step 2 | Add media to your gallery
Once you've selected an initial layout you can begin adding images and videos to your gallery to really make it come to life. Upload your own images or choose stock images.
To add media to your gallery:
- Click the gallery in the ADI builder.
- Click Manage.
- Click Add Media.
- Choose the type of media you wish to upload: Image, Video or Text.
Step 3 | Customize your gallery settings
Choose your gallery's width and display elements as well as what happens when a visitor clicks an item or scrolls through the gallery.
To customize your gallery settings:
- Click your gallery in the ADI builder.
- Customize your gallery settings on the panel on the left using the available options:
- Full Width: Switch on the toggle to expand your gallery across the width of your site.
- Load More Button: Switch on the toggle to show a 'Load More' button for galleries with more items than fit in the section layout.
- Image Ratio: Select a ratio of the gallery items. The images automatically update on the page so you can see how it looks.
- When Clicking On an Item: Click the drop-down to select what happens when visitors click a gallery item:
- A Link Opens: Visitors are directed to a link (a web address, page, lightbox, etc.)
Note: To set up a link click Manage Media beneath the drop-down. - Nothing Happens: Nothing happens when someone clicks an item.
- Open in Full Screen: The gallery item expands in fullscreen mode so visitors can get a closer look.
- Display Elements: Select the elements to include in the gallery alongside the gallery items.
- Image Title: Display the title of the gallery item. Note: Click Manage Media at the bottom to update your titles.
- Image Description: Include the description of the item. Note: Click Manage Media at the bottom to update the item description.
- Social Sharing: Add social media icons to your gallery items so visitors can share the media.
- Download: Add a download icon beside each gallery item so visitors can download your media.
- Heart Icon: Add a heart icon so visitors can react to their favorite gallery items.
- Image Quality: Drag the slider to change the image quality.
- Image Sharpening: Select the checkmark to sharpen your image using the amount, radius and threshold controls.
FAQs
Click a question to learn more about galleries in ADI.
How do I change the layout of my gallery?
You can change the layout of your gallery at any time without rearranging items or starting over. Click Design next to the gallery in the ADI builder to view different section layouts. Select Use This Layout when you've found the one you like best.
How do I delete an image from my gallery?
You can delete an image from your gallery at anytime. Just hover over the image you want to delete in the Organize Your Gallery popup and click the Remove icon
. Then click
Done.
How do I add text to my gallery images?
You can add titles and descriptions to your gallery items for visitors to learn more.
- Hover over your gallery in the ADI Builder.
- Click Manage.
- Select the relevant gallery item in the Organize Your Gallery popup.
- Type your item's title and description in the relevant field.
- Click Done.
To display the title and descriptions on your gallery:
- Click your gallery in the ADI Builder.
- Select the Click to show checkbox next to Image Title and Image Description.
