Listdom Elementor Addon Documentation

The Listdom Elementor Addon adds a full template workflow for Listdom in Elementor, including:

• Single listing templates
• Listing card templates
• Infowindow templates (when infowindow layouts are available in your setup)
• Dedicated Listdom Elementor widget categories: Listing and Listdom
• Listdom dynamic tags for listing data in Elementor

Заметка

If you use another builder stack, Listdom also provides Divi and Bricks integrations. Builder integrations support single listing, listing card, and infowindow templates.

Requirements

• Listdom plugin installed and active
• Elementor plugin installed and active
• Listdom Elementor Addon installed and active

Заметка

Elementor Pro is optional for the Listdom Elementor addon workflow. You can build templates through Listdom -> Elementor Styles without Elementor Pro.

Where You Manage It

• WP Admin -> Listdom -> Elementor Styles: Create and edit Listdom Elementor templates.
• WP Admin -> Listdom -> Settings -> Single Listing: Choose template-based single listing output.
• WP Admin -> Listdom -> Shortcodes: Open a shortcode, go to the Style tab, and select a saved Listing Card style from Select the Style.
• WP Admin -> Listdom -> Import / Export -> Elementor Styles: Optionally import premade Elementor style presets.

For broader setup context, see Listdom settings guide and Listdom admin menu.

Import Premade Elementor Styles

The Elementor addon can optionally import premade Elementor styles for:

• Single Listing templates
• Listing Card templates
• Infowindow templates

To import them:

1. Go to WP Admin -> Listdom -> Import / Export -> Elementor Styles.
2. Review the available Style Presets.
3. Enable the styles you want to import.
4. Click Import Elementor Styles.

Заметка

Premade Elementor styles are stored as JSON files and are imported only when you choose them from the Import / Export menu. They are not force-imported when the addon is activated.

Заметка

If a selected style already exists, Listdom resets only that selected style instead of creating duplicate items. The import process is also designed to avoid conflicts with items already created by the demo importer.

Template Types in Elementor Styles

When you add a new Elementor Style, set Type based on your goal:

• Single Listing: Full single listing page template
• Listing Card: Card output for card-capable skins
• Infowindow: Map infowindow template where supported

Заметка

Infowindow layouts are used with map skins and map-enabled workflows. For infowindow behavior and settings, see Advanced Map.

Build a Single Listing Template

1. Go to WP Admin -> Listdom -> Elementor Styles.
2. Click Add New and enter a template name.
3. In Type, select Single Listing.
4. Publish, then click Edit with Elementor.
5. Drag Listdom widgets from the Listing category into your layout.
6. Configure each widget in Elementor’s Content and Style tabs.
7. Update and preview a real listing.

Совет

Elementor widgets typically use Content, Style, and Advanced tabs. In Listdom widgets, “layout behavior” is usually under the Content tab, while visual styling is under Style. See Elementor’s tab structure in Elementor Developers docs and editor behavior in Elementor Help.

Build Listing Card and Infowindow Templates

1. Create another item in Listdom -> Elementor Styles.
2. Choose Listing Card or Infowindow as Type.
3. Build a compact layout with key widgets (for example: image, title, price, location).
4. Update the template.
5. Assign the saved style in the shortcode or map setting that should use it.

Assign a Listing Card Style to a Shortcode

After you create a Listing Card template in Listdom -> Elementor Styles, assign it from the shortcode’s Style tab:

1. Go to WP Admin -> Listdom -> Shortcodes.
2. Open the shortcode you are using.
3. In Shortcode Settings, choose the Style tab.
4. Under Select the Style, select your saved Listing Card style from Listdom -> Elementor Styles.
5. Update the shortcode.

For styling and layout behavior in skins, see Skins & Shortcodes.

Widget Reference (Content/Layout + Style)

The following reference is based on the Elementor addon widget set and control panels.

Core Listing Widgets

Widget	Content (Layout) tab options	Style tab options
Listing Title	Title Tag, Link Method	Text Color, Hover Text Color, Alignment
Listing Content	Content Length, Auto Paragraph	Text Color
Listing Address	Show Icon	Text Color, Icon Color
Listing Map	Map Provider, Infowindow, Zoom Level, Map Height, Google Map settings (Style, Google Places, Zoom Control, Map Type Control, Street View Control, Scale Control, Camera Control, Fullscreen Control)	Uses map output controls from Content tab
Listing Gallery	Layout, Include Featured Image, Image Lightbox, Number of Images (Linear), Link Method (Slider when Lightbox is off), Slider controls (Autoplay, Auto-height, Loop, Thumbnails, Navigation Method)	Image Radius, Image Height, Image Object Fit, Image Align, Arrow Color, Arrow Icon Size, Arrow Gap
Listing Image	Link Method, overlays for Top Left / Top Right / Bottom Left / Bottom Right	Overlay and image styling controls (alignment, width, opacity, transition, padding, radius, colors by overlay type)
Categories	Default Colors, Display Name, Display Icon, Enable Archive Links, Layout	Item and box styling (background, text, borders, radius, padding, item gaps, hover colors)
Locations	Layout, Icon, Enable Archive Links	Text/Icon colors, item spacing, background, border radius, padding
Features	Show Icon, Layout, Enable Archive Links	Item and box styling (color, hover, icon color/hover, spacing, radius, padding)
Labels	Layout, Enable Archive Links	Item and box styling (color, hover, radius, spacing, padding)
Tags	Layout, Enable Archive Links	Item and box styling (color, hover, radius, spacing, padding)
Listing Price	Minimized Price, Link Price, Price Link URL	Text color, background, border radius, padding
Listing Price Class	No content options	Text Color
Listing Owner	Show Avatar, Link Avatar to Author URL, Show Name, Author Link, Show Job Title, Show Bio, Show Social Networks, Show Telephone, Show Email, Show Mobile, Show Website, Show Fax, Show Form, Show Name Field, Show Phone Field	Owner/profile block styling (name, bio, job title, layout, spacing, icon styles, form input styles, border radius)
Contact Info	Style Type, Show Email, Show Phone, Show Website, Show Address, Show Socials, Display Icon, Display Label, Fields repeater for custom contact output	Layout, spacing, padding, icon size/color, label/value colors, social layout
Listing Working Hours	Type (One Day / Full Week), Display Icon	Text/icon colors, row and item gaps
Listing Rate	Type, Show Review Count	Stars/text styles (colors, spacing, background, radius, padding)
Listing Breadcrumb	Taxonomy, Icon	Text color, icon size/color, spacing
Listing FAQs	Widget output controls are style-focused	Background, border radius, padding, text color
Listing Share	No content options	Icon/background colors, hover colors, padding, radius
Attributes (Custom Fields)	Fields repeater, Layout	Field gap, icon scale, field title color, field value color, field icon color, checkbox value styling (background, color, radius, padding)
Report Abuse	No widget-specific options	No widget-specific style options
Listing Excerpt	No widget-specific options	No widget-specific style options
Listing Embeds	No widget-specific options	No widget-specific style options
Listing Video	No widget-specific options	No widget-specific style options
Listing Remark	No widget-specific options	No widget-specific style options

Attributes (Custom Fields) Widget Ordering

The Elementor Attributes (Custom Fields) widget does not automatically order rows by the custom field Index value from Listings -> Custom Fields. Add each custom field you want to show as an item in the widget’s Fields repeater, then reorder those repeater items in Elementor to control the displayed row order.

Use the custom field Index setting for Listdom-managed ordering, such as the Add Listing form in the backend and frontend dashboard, and the frontend output of premade Listdom styles.

Attributes (Custom Fields) Widget Colors

In the Elementor Attributes (Custom Fields) widget, use the Style tab to style the custom field output independently. The widget includes separate color controls for Field Title Color, Field Value Color, and Field Icon Color, so you can match field labels, values, and icons to the template design without custom CSS.

Addon-Dependent Listing Widgets

Widget	Add-on requirement	Content (Layout) tab options	Style tab options
Claim Button	Claim	Claimed Text, Preview Claimed state	Before/After claim states (text, background, radius, padding)
Favorite Button	Favorite	No content options	Heart/icon styles, alignment, background, radius, padding
Compare Button	Compare	No content options	Active/deactive icon colors, alignment, background, radius, padding
ACF Addon	ACF	ACF Fields repeater	Label and value colors
Franchise Addon	Franchise	Show Headings, Parent heading label, Sub Listings heading label, Listdom Shortcode selector	Heading Color
Auction Addon	Auction	No widget-specific options	No widget-specific style options
Booking Addon	Booking	No widget-specific options	No widget-specific style options
Listing Review Form	Reviews	No widget-specific options	No widget-specific style options
Stats Addon	Stats	Display Zero Values, Display Visits, Display Contacts, Display Offers, Display Bookings, Display Reviews, Display Comments	Layout, spacing, icon colors/sizes/backgrounds, text/value styles, padding
Jobs Addon	Jobs	No widget-specific options	No widget-specific style options
Team Addon	Team	No widget-specific options	No widget-specific style options
External Direction	Advanced Map	Link Text, Show Icon, Icon	Full button/icon styling (color, background, hover, alignment, spacing, scale, radius, padding)

Listdom (Non-Listing) Elementor Widgets

Widget	Content (Layout) tab options	Style tab options
Listdom Shortcode	Select saved shortcode, edit shortcut button	No widget-specific style options
Listdom Search	Select saved search form, edit shortcut button	Search box/field styling (content bg, field colors, border style/width/color/radius)
Listdom Profile	No content options	Profile card styles (container, title, text, button, contact icons)
Listdom Users	Style, Limit, Columns	User card/profile styling (container, title/text, button, contact icons)
Listdom Category / Listdom Location	Style (Clean, Simple, Image, Image Center; Carousel for Category), Columns Count, Maximum Images Per Row, Limit, Show Count, Show Icon (Category), Source, Select Terms, Parent ID, Search Keyword, Hide Empty, Order By, Order, Layout	Content alignment/padding, image border radius, item normal/hover styles, title/count colors and typography, content gap, border/radius, icon box styles
Listdom Tag / Listdom Feature / Listdom Label	Style, Columns Count, Limit, Show Count, Show Icon, Source, Select Terms, Parent ID, Search Keyword, Hide Empty, Order By, Order	Content alignment/padding, item normal/hover styles, text/count styles, border/radius, icon box styles, spacing

Category and Location Widget Image Center Style

The Listdom Category and Listdom Location Elementor widgets include an Image Center premade style. Use it when you want taxonomy cards with centered text, equal card sizing, and an image zoom effect on hover.

In the widget’s Style tab, you can also adjust the taxonomy card presentation with controls such as Image Border Radius, title typography, listing-count color and typography, and the content gap between title/count elements. When Show Count is enabled, the listing count appears under the title in this style.

Dynamic Tags Added in Elementor

Listdom Elementor registers dynamic tag types for listing data:

• Listing
• URL
• Number
• Datetime
• Image
• Gallery

Use these tags in Elementor fields that support dynamic data.

Create a Listdom Archive Template with Elementor Pro

You can use Elementor Pro Theme Builder to create custom templates for Listdom taxonomy archive pages, such as listing categories, locations, tags, features, and labels. Elementor Pro is required because archive templates and display conditions are part of Elementor Pro’s Theme Builder workflow.

The Listdom Elementor Addon adds a Listings Archive condition to Elementor Pro. Use this condition when you want an Elementor archive template to apply to Listdom archive pages instead of your theme’s default archive layout.

Use this workflow when you want to design a custom archive wrapper, title area, description, banner, filters, or listing-results section for Listdom taxonomy archives. Before you start, make sure Listdom has published listings and at least one usable taxonomy archive, such as a category, location, tag, feature, or label archive.

Important

Builder archive templates control the page layout, but listing result data must still come from a valid Listdom listing context. Some Listdom listing widgets are designed for Listdom single-listing or listing-card contexts and may not automatically use a third-party builder loop item. Always test the archive page on the frontend after assigning the template.

Recommended Elementor Archive Workflow

1. Open WP Admin -> Templates.
2. Create a new Archive template with Elementor Pro.
3. Design the archive header, title area, description area, and any extra content you need.
4. Add the content area where the Listdom listings should appear.
5. Click Publish.
6. In the Display Conditions panel, choose the Listdom archive condition.
7. Select the archive scope you want to target.
8. Save the conditions.
9. Open a Listdom category, location, tag, feature, or label archive on the frontend and test the result.

Using Elementor Loop Grid

Elementor Loop Grid can be used to build custom loops, but Listdom listing widgets are not guaranteed to automatically use the current Loop Grid item.

If you want to use Elementor Loop Grid for Listdom listings, test the template carefully. The safer method is to let Listdom render the listing results and use Elementor to design the archive wrapper, heading, intro content, and surrounding layout.

Заметка

If the archive shows preview data or the wrong listing data inside a loop, use Listdom’s own listing output instead of placing single-listing widgets directly inside the builder loop.

For Elementor’s own archive-template and display-condition behavior, see Create an Archive Template with Elementor Pro and Set Conditions for Site Part Templates. For Listdom-focused template troubleshooting, see Elementor template not showing in Listdom settings.

Practical Tips

• Keep Listing Card and Infowindow templates compact.
• Start with core widgets first (Title, Image/Gallery, Price, Locations, Contact).
• Add advanced widgets only when needed.
• For large custom-field layouts, review custom fields docs and this complementary guide: WordPress classified custom fields.
• For search layout strategy, review search form docs and Listdom search forms guide.

FAQ

Do I need Elementor Pro to use the Listdom Elementor Addon?

No. You can build Listdom templates from Listdom -> Elementor Styles without Elementor Pro.

Can I import premade Elementor styles instead of building from scratch?

Yes. Go to WP Admin -> Listdom -> Import / Export -> Elementor Styles and import the preset styles you want for single listings, listing cards, or infowindows.

How do I assign an Elementor Listing Card style to a shortcode?

Go to WP Admin -> Listdom -> Shortcodes, open the shortcode you are using, choose the Style tab in Shortcode Settings, and select your saved Listing Card style from Select the Style.

Which template types can I build with this addon?

You can build Single Listing and Listing Card templates, and Infowindow templates where infowindow layouts are available in your setup.

How do I control the order of custom fields in the Elementor Attributes widget?

Add each field manually in the widget’s Fields repeater and reorder the repeater items in Elementor. The Index value from Listings -> Custom Fields is for Listdom-managed ordering, such as Add Listing forms and premade style output; it does not sort rows inside this Elementor widget.

Where do I find the Listdom widgets in Elementor?

In Elementor’s widget panel, look under the Listing and Listdom categories.

Why do some widgets not appear or show limited output?

Some widgets depend on specific add-ons. Activate the related Listdom addon first (for example Claim, Booking, Reviews, Stats, or Advanced Map).

Can I style widgets from both layout and style controls?

Yes. Configure structure/data in Content (layout behavior), then refine visuals in Style and Elementor’s Advanced tab.

Related Articles

• How to Create a Full-Width Single Listing Page in Listdom with Elementor
• How to Customize the Single Listing Page in Listdom
• Single Listing Settings
• Elementor Template Not Showing in Listdom Single Listing Settings
• Advanced Map Addon
• Bricks Addon

Elementor Archive Templates (Official) Review Elementor Pro's archive template and display condition workflow.

Elementor Widget Settings (Official) Review Elementor's official widget tab behavior and controls.