---
title: "How to Create an Elementor Image Gallery in Metro Layout?"
url: https://theplusaddons.com/docs/create-elementor-image-gallery-in-metro-layout/
date: 2023-06-16
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Looking to create a unique and modern Elementor image gallery in a metro layout? The Metro layout offers a dynamic and eye-catching presentation, making it ideal for showcasing portfolios, photography..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Create-an-Elementor-Image-Gallery-in-Metro-Layout_-1024x536.jpg
word_count: 199
---

# How to Create an Elementor Image Gallery in Metro Layout?

## 

- Utilizes the Gallery Listing widget from The Plus Addons for Elementor to create a metro layout image gallery.
- Selects Metro from the Layout section under the Layout tab to achieve a tile-based design.
- Manages grid columns through the Columns Manage tab for optimal presentation of images.

Looking to create a unique and modern Elementor image gallery in a metro layout? The Metro layout offers a dynamic and eye-catching presentation, making it ideal for showcasing portfolios, photography collections. Its distinctive tile-based design adds a stylish and dynamic touch to your image gallery. 

With the Gallery Listing widget from The Plus Addons for Elementor, you can create modern metro layouts for your image gallery. 

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

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[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 appropriate listing style, select **Metro** from the **Layout** section under the **Layout** tab.

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

You can select the appropriate image popup type from the **Popup Layout** dropdown. 

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

Now your gallery will show in a metro layout. You can manage the grid columns from the **Columns Manage** tab.

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

Also, read [How to Create an Elementor Masonry Image Gallery](https://theplusaddons.com/docs//create-elementor-masonry-image-gallery/).