Skip to main content
MyListing Pro’s Listing Previews module includes an MLPRO > Explore Listings widget with enhanced preview cards and extra layout options.
MyListing Pro’s Elementor module adds features like header CTA popups, listing contact forms, Coming Soon bypass, and sortable template columns.
MyListing Club provides a ton of Elementor resources and can even offer a licensed copy of Elementor Pro to qualifying clients.

​
What Is Elementor in MyListing?

Elementor is the page builder MyListing is used to design almost every public-facing page on your directory site. Think of it this way:
  • Listing types define what each listing collects and how it displays on its detail page.
  • Elementor defines how your pages look and which MyListing features appear on each page.
When you edit a page with Elementor, you drag widgets onto the canvas, configure them in the left panel, and publish. MyListing adds its own widget category called “27” with directory-specific tools like Explore, Listing Feed, and Add Listing Form. Elementor (free) handles page layout and MyListing widgets. Elementor Pro adds Theme Builder (custom headers and footers), popups, display conditions, and form widgets. Most production MyListing sites use both.

​
Where Do You Manage Elementor?

MyListing single listing pages are configured under Listing Types > Single Page, not in Elementor. Elementor Pro Theme Builder can still override headers, footers, and other templates where you set display conditions.

​
Core Pages You Build with Elementor

Every MyListing directory needs a few Elementor pages. These are the most important. After creating each page, assign the Explore and Add Listing pages under Theme Tools > Theme Options > Explore. MyListing uses those assignments when linking from the header, CTAs, and owner dashboard.

​
The 27 Widget Category

MyListing registers directory widgets under the 27 category in the Elementor panel. Search for “27” or the widget name when adding elements.

​
Directory Widgets (Most Used)

​
Content and Layout Widgets

Each widget has its own settings panel. Directory widgets like Explore and Listing Feed pull data from listing types, taxonomies, and filters you configurefilters that youget and in Listing Types.

​
Per-Page Header and Footer Settings

When editing any page in Elementor, open Settings (gear icon, bottom left). MyListing adds Header and Footer tabs beyond Elementor’s defaults.

​
Header Settings

When Customize Header? is off, the page uses global header settings from Theme Tools > Theme Options > Header. Single listing pages use separate header rules from Theme Tools > Theme Options > Single Listing, not these per-page Elementor settings.

​
Site Settings and Global Design

Click the Site Settings icon (top left of the Elementor editor) to manage site-wide design tokens. Common areas to configure early:
  • Global Colors: Brand primary, secondary, text, and accent colors used across Elementor elements.
  • Global Fonts / Typography: Heading and body font families and sizes. MyListing loads its default font (Glacial Indifference) when Elementor typography is set to default.
  • Layout: Default content width and page title selector.
  • Lightbox: Image lightbox behavior on gallery and cover clicks.
Changes here affect all Elementor-built pages. Match your Site Settings to Theme Tools > Theme Options for a consistent look between theme areas and Elementor pages.

​
Elementor Pro: Theme Builder

Elementor Pro Theme Builder lets you replace the default MyListing header and footer with custom Elementor templates. MyListing registers header and footer Theme Builder locations. To set up:
  1. Go to Templates > Theme Builder in wp-admin (Elementor Pro).
  2. Create a Header or Footer template.
  3. Design the template in Elementor.
  4. Click Publish, then set Display Conditions (which pages use this template).
  5. On pages where you use a custom Elementor footer, enable Hide footer? in that page’s Elementor settings to avoid duplicate footers.
Many site owners keep the default MyListing header because replicating all its features (search form, user menu, CTA button) in a custom header requires significant Elementor work.

​
Elementor Pro: Display Conditions

Elementor Display Conditions (Elementor Pro) let you dynamically show or hide individual elements on a page based on various rules.

​
How to Apply Display Conditions

  1. Select the element in the Elementor editor.
  2. Go to the Advanced tab.
  3. In the Layout section, click the Display Conditions icon.
  4. Click Add Condition and configure using the dropdowns (type, operator, value).
  5. Use AND / Add Condition Group (OR logic) for complex rules.
  6. Click Save & Close. Remember to Save/Publish the page for changes to take effect.
Conditions are dynamic, so they may not work well with full-page caching. Disable advanced caching if you rely on them heavily.

​
Main Condition Categories

  • Pages: Page parent, Author.
  • Posts: Categories, Tags, Author, Date Published, and Date Modified.
  • User Status: Login Status (logged in/out), User Role, Registration Date.
  • Date & Time: Day of the week, Time of day, Current date (server time).
  • Archives: Archive categories/tags.
  • Other: From URL (referrer) and support for Dynamic Tags (including custom fields).

​
Logic Options

  • AND: All conditions must be true.
  • OR: Any condition in a group can be true.
  • You can combine AND/OR groups for advanced targeting (e.g., specific author OR category + date).

​
Use Cases on MyListing Sites

  • Show a “List Your Business” CTA only to logged-out visitors.
  • Display role-specific dashboard links in a custom header.
  • Seasonal homepage banners based on date.
  • Hide pricing tables for users who already have an active package.
For global templates (headers, footers, etc.) in Theme Builder, similar conditions apply at the template level via the Publish > Display Conditions flow.

​
How the Pieces Fit Together

A practical setup for a new restaurant directory:
  1. Create listing types under Listing Types (Restaurant, Event, etc.).
  2. Build the Explore page in Elementor with 27 > Explore Listings. Add each listing type as a tab. Assign the page under Theme Tools > Theme Options > Explore.
  3. Build the Add Listing page with 27 > Add Listing Form. Add each listing type to the widget. Assign under Default ‘Add a Listing’ page.
  4. Build the homepage with 27 > Listing Feed (featured restaurants) and 27 > Listing Terms (browse by category).
  5. Configure Site Settings for brand colors and fonts.
  6. Optionally replace the header with Elementor Pro Theme Builder.
Listing types control what listings contain. Elementor controls where directory features appear on your site.

​
Helpful Tips

  • One widget per core job. Use 27 > Explore Listings for full search, 27 > Listing Feed for curated slices, and 27 > Basic Search Form for compact search in heroes or headers.
  • Assign system pages early. Set Default Explore Listings page and Default ‘Add a Listing’ page in Theme Options before linking CTAs or testing owner flows.
  • Match widget listing types to your tabs. On Explore, each tab usually maps to one listing type configured in both the widget and Listing Types > Search Forms.
  • Hide duplicate footers. When using Elementor Pro footers, turn on Hide footer? in page settings to prevent double footers.
  • Start with Site Settings. Set global colors and typography before building individual pages so widgets inherit consistent styling.
  • Test logged-in and logged-out. Display Conditions and header CTAs behave differently by user role. Check both states before launch.
  • Keep a staging copy. Explore and Add Listing widgets hold complex configuration. Duplicate pages before major widget changes.

​
Quick Reference

​
Where to Go Next

​
Common Questions

  • Do I need Elementor Pro? Elementor (free) is enough for core directory pages using 27 widgets. Elementor Pro is recommended for custom headers and footers, popups, display conditions, and form widgets.
  • Why does my Explore page look empty in the editor? Explore widgets load listings dynamically. Configure listing types in the widget, save, and preview on the front end for accurate results.
  • Can I build single listing pages in Elementor? By default, single listing layout comes from Listing Types > Single Page. Elementor Pro Theme Builder can create single templates for the job_listing post type if you need full Elementor control.
  • Why are there two Explore widgets? 27 > Explore Listings is the theme default. MLPRO > Explore Listings (MyListing Pro) adds enhanced preview cards and extra layout features. Use one Explore widget per page, not both.
  • What happens if I don’t assign the Explore or Add Listing page? Header links, CTAs, and dashboard buttons that point to those flows may break or fall back to incorrect URLs. Always assign both pages in Theme Options.
  • Can I put Explore on category pages instead of one main page? Yes. Many sites place 27 > Explore Listings or 27 > Listing Feed on category, region, or landing pages rather than using one dedicated Explore page.
  • Do Display Conditions work with caching? They evaluate at runtime. Full-page caching plugins may serve cached HTML that ignores conditions. Exclude affected pages from cache or disable aggressive caching on those URLs.