Each tab can represent a different taxonomy (such as Property Type, Category, City, Area, or State) and can have:
- Its own set of search fields
- Different minimum and maximum price values
- A dedicated tab label
This search type is ideal when you want users to quickly switch between different listing contexts, such as rentals vs sales,
or different property types.
Live example:
London Demo –
https://london.wpresidence.net/
1. Select Advanced Search Type 6
Go to:
Theme Options → Search → Advanced Search Form -> Set Advanced Search Type to Type 6.
2. Choose what taxonomy is used for tabs
Still in:
Theme Options → Search → Advanced Search Form
Select the taxonomy that will be used as tabs. You can choose from:
- Property Type
- Property Category
- City
- Area
- State / County
Next, select the specific taxonomy terms that should appear as tabs.
Click Save Changes and then refresh the page.
Only after refreshing will you see the search field options and the price options for each tab.Price behavior depends on your price display settings. Full details are explained in this video tutorial:
Price field setup video
Price settings per tab (dropdown or slider)
If your price field is configured as a dropdown, you can define the minimum and maximum values (and the step values)
for each tab.
Example: price dropdown values
If your price field is configured as a slider, you can define the minimum and maximum slider values for each tab.
Example: price slider min and max
3. Configure search fields for each tab
Each tab can display a different set of search fields. These are configured from:
Theme Options → Search → Advanced Search Form
You can define:
- Which fields appear on each tab
- The order of the fields
- Whether fields are dropdowns, text inputs, or sliders
Full guide:
Advanced Search Form – Field Setup
Example: set search fields for each category tab
4. Configure how the search form is displayed
Display options such as layout, spacing, alignment, and visibility are managed from:
Theme Options → Search → Advanced Search Display
Guide:
Advanced Search Display Options
5. Set search form colors
To customize colors for the tabs, fields, buttons, and backgrounds, go to:
Theme Options → Search → Advanced Search Colors
Guide:
Advanced Search Color Settings
Elementor Search Form Builder – Important Note
If you use the Elementor Search Form Builder widget on specific pages, please note the following:
- The global Advanced Search Type selected in Theme Options still applies.
- Search fields are configured inside the Elementor widget and do not sync with the search fields set in Theme Options.
- Changes made in Theme Options → Search → Advanced Search Form will not affect Elementor-based search forms.
- Button styling (colors, padding, typography, alignment) is controlled entirely from the widget’s Style tab.
- This setup allows full page-level customization without changing global search settings.
Elementor widget guide:
Property Search Form Builder for Elementor