A Metro layout mixes big “featured” tiles with smaller ones in the same grid – the look you see on news and magazine homepages.
Dynamic Listing’s Metro layout does this with a fixed number of preset tile patterns, called Metro Style.
For the full settings tour of the Dynamic Listing widget, see Dynamic Listing Widget Settings Overview.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Edition: Dynamic Listing is a Pro widget – it needs The Plus Addons for Elementor Pro installed and its license activated. It will not appear in the free plugin.
- Widget to enable: go to The Plus Addons > Widgets, search for Dynamic Listing and turn its toggle on.
Steps
- Add the Dynamic Listing widget to the page.
- Under Content Layout, set Layout to Metro.
Under Columns Manage, set Metro Column (3 to 6) and Metro Style (style-1 through style-4, or Custom to define your own tile pattern in the Custom Layout textarea).
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Layout | Grid, Masonry, Metro or Carousel. | Grid |
| Metro Column | Column count for the Metro tile grid. | 3 |
| Metro Style | Which preset tile-size pattern to use. | style-1 |
| Custom Layout | Manual tile-size pattern when Metro Style = Custom. | (empty) |
Related Docs
- How to Create Elementor Custom Post Type Grid?
- How to Show Custom Post Types in Masonry Grid Layout in Elementor?
Not verified
So you know exactly what has and has not been checked:
- The exact tile-size ratios produced by each Metro Style preset (style-1 vs style-2/3/4) were not individually diffed pixel-for-pixel – only that each renders a distinct tiled pattern.
