---
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
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?

## Key Takeaways

- The Plus Addons for Elementor offers the Gallery Listing widget for creating modern metro layouts.
- Users can manage grid columns from the Columns Manage tab in the Gallery Listing widget.
- The metro layout is ideal for showcasing portfolios and photography collections.

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/).

## Frequently Asked Questions

**Q: What should I do if my image gallery isn't displaying in the metro layout?**
A: If your image gallery isn't showing in the metro layout, ensure that you have selected 'Metro' from the Layout section under the Layout tab after adding the Gallery Listing widget. This step is crucial as it dictates how your images will be presented. If the layout is still not appearing correctly, check that the widget is properly installed and activated as part of The Plus Addons for Elementor.

**Q: Can I use the metro layout for showcasing a photography portfolio?**
A: The metro layout is ideal for showcasing portfolios and photography collections due to its dynamic and eye-catching presentation. Its tile-based design enhances the visual appeal, making it a great choice for displaying images in a stylish manner. This layout effectively captures viewer attention, which is essential for portfolio presentations.

**Q: What is the best way to manage grid columns in my metro layout gallery?**
A: To manage grid columns in your metro layout gallery, use the Columns Manage tab after adding the Gallery Listing widget. This allows you to customize how many columns your images will display in, which can significantly impact the overall look and feel of your gallery. Adjusting the column settings can help optimize the layout for different screen sizes and improve user experience.

**Q: How can I ensure my images are optimized for the metro layout?**
A: To optimize your images for the metro layout, ensure they are of high quality and appropriately sized for web display. Large images can slow down page load times, so consider compressing them without losing quality. Additionally, using a consistent aspect ratio for your images can help maintain a uniform look in the metro layout, enhancing the overall aesthetic of your gallery.