Properties Ajax Tabs

The Properties Ajax Tabs Elementor widget allows you to display the properties in the tabs which work on the ajax and do not load the pages, you can add this widget wherever on your website. To use the Properties Ajax Tabs Elementor Widget be sure that you are working on an Elementor page template.

Add the Properties Ajax Tabs Widget to a Page

Activate the Elementor Page Builder >> Go to Pages >> Add a New Page >> Select the Elementor page template from the Page Attribute section as shown in the below screenshot:

Then click the Edit with the Elementor button to edit the page with the Elementor page builder.

After clicking on the Edit with Elementor button you will redirect to the Elementor page builder to see the Elementor Page Builder section appear. Drag and drop the Properties Ajax Tabs widget from the Houzez Elements section to the page as shown in the below screenshot:

Properties Ajax Tabs Content Settings

Once you have dragged the element on the page, you will see the element options in the left tab and you will see the content settings. 

General Settings

1. Tabs Style: Select tab style from available 5 versions.
2. Position: Select the position of the tabs.
3. Tab Spacer: Set the space between the tabs.
4. Bottom Spacer: Set the space between the tabs and the properties.
5. Enable Icon: Enable/Disable to show the Tabs icons.
6. Show title: Enable/Disable the title of the tab.

Tabs Settings

Add the New items/tabs on the page. 

1. Tab Title: Add the title for the tab.
2. Icon Type: Select the icons type for Tab (None, Icon or Image)

Tabs Query/Filters Settings

1. Property Type filter: Select the property types you want to show.
2. Property Status filter: Select the property status you want to show.
3. Property Label filter: Select the property status you want to show.
4. Property State filter: Select the property status you want to show.
5. Property City filter: Select the property city you want to show.
6. Property Area filter: Select the property area you want to show
7. Properties by Agents: Select the Agents from which properties you want to show.
8. Minimum Price: Add the Minimum price to show the properties.
9. Maximum Price: Add the maximum price to show the properties.
10. User Role: Select the user role from the properties you want to show in the tabs.
11. Featured Properties: You can make a post featured by clicking the featured properties checkbox (Any, Exclude, Include) while adding/editing a post

Properties Settings

1. Cards Style: Select the property cards style (5 Version/styles available)
2. Layout: Set the layout of the number of columns (2,3,4)
3. Image Size: Select the images size of the properties cards.
4. Sort By: Select the sort by for the properties.
5. Number of properties: Set the number of properties to show in tabs.
6. Offset: Set the number of offset properties.
7. Pagination: Set the pagination of the properties inside the tabs,
8. Property Status filter: Select the property status you want to show.

Properties Cards Show/Hide Data Settings

1. Hide Compare Button: Select Yes/No option.
2. Hide Favorite Button: Select Yes/No option.
3. Hide Preview Button: Select Yes/No option.
4. Hide Featured Label: Select Yes/No option.
5. Hide Status: Select Yes/No option.
6. Hide Labels: Select Yes/No option.
7. Hide Details Button: Select Yes/No option.
8. Hide Date & Agent: Select Yes/No option.

Properties Ajax Tabs Style Settings

1. Tabs Title Color: Select the color of the tab title.
2. Tabs Title Hover Color: Select the color of the hover tab title.
3. Active Tabs Border Color: Select the border color of the active tab.
4. Typography: Set the typography for the tabs, font style, size, style, etc.