Using the Gallery Widget

Want to display a filterable image gallery on your website? The Gallery widget in aThemes Addons for Elementor lets you showcase images in a grid layout with category filters, lightbox support, and video links for an engaging visual experience.

In this guide, we’ll walk you through how to activate, configure, and style the Gallery widget in aThemes Addons.

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor.

Activating the Widget

Navigate to your WordPress admin area and open the aThemes Addons dashboard. Locate the Filterable Gallery widget and toggle the switch to activate it. Once activated, drag the Gallery widget into your Elementor editor.

Exploring Widget Options

The Gallery widget provides layout, content, and display settings to help you build the perfect image gallery. Below is a breakdown of each section.

Configuring the Layout Section

The Layout section controls the overall structure of your gallery:

  • Skins – Select from available gallery skins to change the visual style.
  • Columns – Adjust the number of columns for desktop, tablet, and mobile views.
  • Gutter – Set the spacing between gallery images.

The Gallery section is where you add and organize your images. For each gallery item, configure the following:

  • Image – Upload or select the gallery image.
  • Title – Add a title for the image.
  • Description – Add a short description.
  • Link – Specify a custom link for the image.
  • Lightbox – Enable the lightbox option so images open in a larger overlay when clicked.
  • Video Link – Add a video URL to display in the lightbox.
  • Filter Term – Assign categories to each image using the format category-key:Category Name, one per row. This enables the filter bar for visitors to sort images by category.

Configuring the Settings Section

The Settings section controls the filter bar and its display options:

  • Show Filter – Enable or disable the filter bar above the gallery.
  • Show All Text – Set the label for the “All” reset button in the filter bar.
  • Filter Alignment – Choose left, center, or right alignment for the filter buttons.

Customizing the Styling

The Style tab offers extensive options to match the gallery to your site’s design. Customize the following areas:

  • Gallery Wrapper – Adjust background, padding, margin, border, and box shadow for the entire gallery container.
  • Gallery Items – Set padding, border, and content overlay styling for individual images.
  • Filter Bar – Style the filter buttons with custom typography, color, spacing, and hover effects.
  • Icons – Customize icon appearance within the gallery.

Following Usage Tips

  • Optimize your images for web before uploading to ensure fast page loading.
  • Use meaningful filter categories that help visitors find what they are looking for.
  • Test the lightbox functionality to confirm images and videos open correctly.
  • Preview the gallery on desktop, tablet, and mobile to ensure it is responsive on all devices.

That’s it! You’ve successfully set up and configured the Gallery widget to display a filterable image gallery on your site.

Next, would you like to display calendar events on your site? Check out our guide on using the Google Calendar widget to learn more.