Components provides more advanced functionality for sites, including search and map features. The embed_component placeholder should always be included at the end of the page while the DIV element should be used to identify the placement of the component. You can style components as you wish by including your stylesheet to the page. Components provided with no style. You can receive class names from DevTools.
Provides a horizontal search bar where users can search via: status, area, property type, price from, price to, bedrooms and bathrooms. The area list is generated from the office's list of active listings.
<div id="search-bar"></div>
{{embed_component 'search-bar'}}
Or you can provide container ID as second argument of embed_component
helper:
<div id="my-container"></div>
{{embed_component 'search-bar' 'my-container'}}
Setting the status dropdown:
{{set 'componentData' (compose_object 'defaultStatus' '[STATUS]')}}
{{embed_component 'search-bar' 'search-bar' componentData}}
where [STATUS] = To Rent, For Sale, none
returns
Search bar React component in the DIV placeholder.
Provides a horizontal search bar where users can search via: status and area. The area list is generated from the office's list of active listings.
<div id="search-bar-light"></div>
{{embed_component 'search-bar-light'}}
Or you can provide container ID as second argument of embed_component
helper:
<div id="my-container"></div>
{{embed_component 'search-bar-light' 'my-container'}}
returns
Search bar light React component in the DIV placeholder.
Provides a horizontal search bar where users can search via: status, google places autocomplete, property type, price from, price to, bedrooms and bathrooms. A Map API Key is required and needs to be setup for the office in order to use this component.
<div id="search-bar-places"></div>
{{embed_component 'search-bar-places'}}
returns
Search bar React component in the DIV placeholder.
This search results component is used in conjunction with the text search bar and displays listing search results based on the user search criteria.
<div id="search-results"></div>
{{embed_component 'search-results'}}
returns
Search bar React component in the DIV placeholder.
This search results component is used in conjunction with the Google places search bar and displays listing search results based on the user search criteria.
<div id="search-results-places"></div>
{{embed_component 'search-results-places'}}
returns
Search bar React component in the DIV placeholder.
This component is used to displays properties marked by user as 'favorite'. Id's (propertyid
) of favorite properties stored in localStorage under __favorites
key.
<div id="favorites"></div>
{{embed_component 'favorites'}}
returns
Favorites React component in the DIV placeholder.