---
title: "How to Create Image Gallery in Grid Layout in Elementor?"
url: https://theplusaddons.com/docs/create-image-gallery-in-grid-layout-in-elementor/
date: 2023-06-16
modified: 2026-06-13
lang: en
author: "Aditya Sharma"
description: "Want to display your images in a grid layout on an Elementor page? The Gallery Listing widget in The Plus Addons for Elementor gives you a flexible grid layout with..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Create-Image-Gallery-in-Grid-Layout-in-Elementor_-1024x536.jpg
word_count: 273
---

# How to Create Image Gallery in Grid Layout in Elementor?

## 

- Utilizes the Gallery Listing widget from The Plus Addons for Elementor to create grid layouts.
- Selects Grid from the Layout section under the Layout tab to display images in a grid format.
- Manages grid columns using the Columns Manage tab for optimal image presentation.

Want to display your images in a grid layout on an Elementor page? The Gallery Listing widget in [The Plus Addons for Elementor](https://theplusaddons.com/) gives you a flexible grid layout with customizable columns, popup types, and content sources all from the Elementor editor.

**Best Used For:**

- Photography portfolios that display a full image collection in a structured, even-spaced grid- Product showcase pages where each image opens a popup with more detail on click- Real estate or travel sites that need a responsive multi-column image grid with category filtering

*To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, [click here](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/).*

**Requirement:** This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated before you begin.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#image-gallery-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the Gallery Listing widget on the page. After selecting the listing style, select **Grid** from the **Layout** section under the **Layout** tab.

![](https://theplusaddons.com/wp-content/uploads/2023/06/gallery-listing-grid-layout-new.png)

From the **Popup Layout** dropdown, select the popup type that opens when a visitor clicks on an image. Use this when you want to show the full-size image or additional details without navigating away from the gallery page.

In the **Content** tab, select the content source and add images to the gallery.

Your gallery will now show in a grid layout. Use the **Columns Manage** tab to control how many columns appear at different screen sizes. For a gallery with interactive category filtering above the grid, see [How to Create a Filterable Image Gallery in Elementor](https://theplusaddons.com/docs/create-filterable-image-gallery-in-elementor/).

![gallery listing grid layout demo](https://theplusaddons.com/wp-content/uploads/2023/06/gallery-listing-grid-layout-demo.png)

Also, see [How to Make Elementor Image Gallery of the Same Size in Grid](https://theplusaddons.com/docs/make-elementor-image-gallery-of-the-same-size-in-grid/) to set equal image dimensions across all gallery cells.