Dynamic Listing’s Custom style lets you design a card visually as an Elementor template, but sometimes raw code is faster – full control over every tag, no template to open and edit separately.
Smart Loop Builder (Beta) is that code-based option: a plain HTML field for the card’s markup and a CSS field for its styles, both live-rendered into the loop.
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, with Post Type set to your custom post type.
- Under Content Layout, set Style to Smart Loop Builder (Beta).
Write the card’s markup in the HTML field and its rules in the paired CSS field, in the Smart Loop Builder (Beta) section that appears. Leaving HTML empty shows a built-in placeholder message rather than a blank/broken card, confirmed directly in the plugin’s own rendering code.
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Style | Smart Loop Builder is the raw HTML/CSS loop-skin option. | style-1 |
| HTML | The card’s markup (Style = Smart Loop Builder only). | (empty) |
| CSS | The card’s styles (Style = Smart Loop Builder only). | (empty) |
Limitations
- Labeled Beta in the live control model – treat it as a newer, still-maturing option alongside the visual Custom-style template picker, not a required upgrade from it.
- If HTML is left empty, the widget shows a fixed “Please enter values in both HTML & CSS…” message instead of rendering any posts – confirmed in the plugin’s own source, not a bug worth reporting.
Related Docs
- How to Create Elementor Custom Post Type Loop Skin?
- How to Create a Custom WooCommerce Product Loop Skin in Elementor Using Smart Loop Builder?
Not verified
So you know exactly what has and has not been checked:
- The full list of per-post placeholder tokens available inside the HTML field (for title, excerpt, image, link, etc.) was not exhaustively enumerated – only that the field accepts markup and renders it.
- Multiple-loop-template controls (Loop Template 2-5, Multiple Loops switcher) belong to the Custom style, not Smart Loop Builder – not re-tested here.
