This guide explains how to use the Properties List with Top Bar widget in Elementor.

You can use it to create lists with properties, where you using predefined criteria such as City and Features (for example, “4 Rooms”). You can also add a Top Bar with specific categories, to let users find specific combinations of properties..

Where to Find the Widget

1. Edit a page with Elementor
2. Search for Properties List with Top Bar
3. Drag the widget into your page

Top Bar Filters Section

The Top Bar Filters section controls the clickable tabs shown above the listings.

Each tab represents a predefined filter term.

Adding Top Bar Items

1. Open Top Bar Filters
2. Click Add Item
3. Choose the term you want to use (for example, 4 Rooms)

Each item corresponds to an existing taxonomy term (such as a Feature or Category).

Selection Mode

• Single Select – only one tab can be active at a time
• Multiple Select – users can combine multiple tabs

For most use cases, Multiple Select offers more flexibility.

Content Settings

The Content section controls how many properties are displayed and how they are ordered.

• No of items – total number of listings
• No of items per row – column layout
• Alignment – vertical or horizontal layout
• Sort By – default, price, date, etc.
• Display as grid – lets you create more flexible lists with more items per row

Filters Section (Fixed Filters)

The Filters section defines the permanent constraints applied to the listing. These filters apply regardless of which Top Bar tab is active.

You can choose specific categories saved as property category, property type, cities, areas, states, status, features and amenities.

Example: City + 4 Rooms

To create a page that always shows properties from Nashville with 4 Rooms:

1. Set List of city to Nashville
2. Set List of Property Features to 4 Rooms

This creates a static, curated listing page.

Style Settings

The Style tab controls the visual appearance of the Top Bar tabs.

• Alignment (left, center, right)
• Typography for tab labels
• Padding and margin
• Background and hover colors
• Icon size and icon colors

Important Behavior Notes

• This widget does not generate dynamic URLs automatically
• Each configuration is tied to the page where the widget is placed
• To change the filter logic, you must edit the page in Elementor

Common Use Case Explained

Question: “Can I create a page that shows houses from New York with 4 rooms?”

Answer: Yes, by creating a manual page.

Steps

1. Create a new page (Pages → Add New)
2. Set a custom title and URL (slug)
3. Edit the page with Elementor
4. Add Properties List with Top Bar
5. Set:
   • City = New York
   • Property Features = 4 Rooms

This page will always display New York properties with 4 Rooms.

Case Scenarios

• City Landing Pages: Create separate pages for each city
• Marketing Pages: Highlight “4 Rooms” or “Luxury” properties
• Campaign Pages: Temporary curated listings without changing global search

When NOT to Use This Widget

• If you need fully dynamic URLs for every filter combination
• If you want users to freely select numeric room counts

Final Notes

The Properties List with Top Bar widget is designed for curated, controlled listing pages. It gives you full editorial control over which properties appear and how users interact with them.