---
title: "How to Show Custom Post Types in Metro Layout in Elementor?"
url: https://theplusaddons.com/docs/show-custom-post-types-in-metro-layout-in-elementor/
date: 2023-08-25
modified: 2026-04-11
author: "Aditya Sharma"
description: "Do you want to showcase your custom post types in a sleek and modern metro layout on your Elementor website? The metro Layout option is a great way to display..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Show-Custom-Post-Types-in-Metro-Layout-in-Elementor_-1024x536.jpg
word_count: 293
---

# How to Show Custom Post Types in Metro Layout in Elementor?

## Key Takeaways

- Utilizes the Dynamic Listing widget from The Plus Addons for Elementor to display custom post types in a metro layout.
- Requires installation and activation of The Plus Addons for Elementor to access the Dynamic Listing widget features.
- Recommends using dedicated Blog Listing and Product Listing widgets for enhanced options when showcasing blog posts and products.

Do you want to showcase your custom post types in a sleek and modern metro layout on your Elementor website? The metro Layout option is a great way to display your custom post types in an eye-catching and modern design.

With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily show your custom post types, regular blog posts, and products in a metro layout.

*To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-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//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you have created at least one custom post type, you can use the free[ Advanced Custom Fields (ACF)](https://wordpress.org/plugins/advanced-custom-fields/) to[ create a custom post type](https://www.advancedcustomfields.com/resources/registering-a-custom-post-type/).

For instance, we have created a custom post type called Books.

Once you’ve created your custom post type, follow the steps - 

1. Add the Dynamic Listing widget to the page. 

2. After selecting the appropriate listing type from the **Post Listing Types** dropdown (except ACF Repeater and Custom Query) select your custom post type from the **Post Type** dropdown.

3. Then after selecting the appropriate style, select **Metro** from the **Layout** section.

![](https://theplusaddons.com/wp-content/uploads/2023/08/dynamic-listing-create-elementor-custom-post-type-metro-new.png)

Now your custom post types will show in a beautiful metro layout. You can manage the columns from the **Columns Manage** tab.

You can fine-tune the layout with other settings and style options.

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

> *Note: Following this process, you can also show blog posts and products in a metro layout, but we recommend using our dedicated *[*Blog Listing*](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/)* and *[*Product Listing*](https://theplusaddons.com/docs/product-listing-widget-settings-overview/)* widgets for more options.*

Also, read [How to Show Custom Post Types in Masonry Grid Layout in Elementor](https://theplusaddons.com/docs//show-custom-post-types-in-masonry-grid-layout-in-elementor/).