Listings Tabs (General Elements)

The Listings Tabs widget allows you to display property listings organized into tabs based on specific criteria such as Status, Type, or City. This makes it easy for visitors to navigate between different property categories without leaving the page. It's ideal for creating a compact, user-friendly property browsing experience.

How to Add the "Listings Tabs" Widget

1. In the Elementor editor, search for Listings Tabs in the widget panel.
2. Drag and drop the widget into your desired section of the page.
3. The widget will display default tabs which you can customize in the Content and Style tabs.

Configuration Options

Content Tab

• Tab Type – Choose the criteria for the tabs:
  • Status: For Rent, For Sale, New Listing, etc.
  • Type: Apartment, House, Land, etc.
  • City: Organize tabs by property location.
• Select Statuses/Types/Cities – Select which options to include in your tabs.
• Show All Tab – Toggle ON to display an "All" tab showing all listings together.

Style Tab

• Tabs Style – Customize the colors, background colors, and active tab styles.
• Border Type – Set the border style for the tabs.
• Margin / Padding – Adjust spacing inside and around tabs.
• Radius – Set rounded corners for the tabs.
• Alignment – Align tabs to the left, center, or right.
• Typography – Control font family, size, weight, and style for tab text.

Best Practices

• Keep the number of tabs manageable (3–6) to maintain clarity and avoid clutter.
• Use clear and concise labels for tabs so visitors instantly understand the filter criteria.
• Ensure your chosen Tab Type matches your site's property data taxonomy for accurate results.