Search type 6 supports tabs for the search over header media.

tabs

Search type 6 works only with custom fields enabled.

enable

First select type 6 from Advanced Search Settings:

type-6

Then go and select which taxonomy you wish to show categories from in the tabs. SAVE.

type-6

Next select the categories to show in tabs. Use CTRL to select multiple categories. SAVE.

type-7

Add minim and maxim price value for each category selected. SAVE.

price

The values set in here show in search over header.

tab1 tab2

Last select what other custom fields you wish to show in advanced search. These will apply also in Mobile Search, Half Map search fields, Search Widget and Search Shortcode

Advanced Search custom fields setup

The Price slider in Mobile Search, Half Map search fields, Search Widget and Search Shortcode takes the value set in Advanced Search Settings:

searchsettings

type7

search-settings3

Custom colors for tabs

For a custom tab color as in RIO demo, adapt this css to your categories selected and add the css in theme options – design – colors – custom colors – custom css

.adv_search_tab_item.active {
background: #445A8C!important;
color: #fff;
border: 1px solid #445A8C!important;
}
.adv_search_tab_item.sales{
border: 1px solid #D67B04;
background: #D67B04;
}

.adv_search_tab_item.foreclosure{
border: 1px solid #DC663C;
background: #DC663C;
}

.adv_search_tab_item a{
color:#fff;
}

.adv_search_tab_item.rentals{
border: 1px solid #0489C2;
background: #0489C2;
}