Divi Estate Documentation

This version of Divi Estate is fully compatible with versions 3.0+. Some features or elements may not be compatible with previous versions. Please ensure that you’ve downloaded the latest version of Divi.

Please note:
Ensure you have the Divi Theme installed and activated prior to installing the Divi Estate Child Theme.

To avoid any issues during installation it is highly recommended that you use this child theme on a fresh installation of WordPress.

INSTALLING CHILD THEME
IMPORTING DEMO CONTENT
THEME OPTIONS
THEME CUSTOMIZATION
CUSTOM MODULES
USING DIVI ESTATE
SUPPORT
CHANGELOG

Step 1: Install Divi Theme (if not installed yet)

Once you’ve downloaded the Divi theme package, login to your WordPress website and go to Appearance > Themes. Find and upload the Divi parent theme. Next click on the Add New Theme

Step 2: Install and activate Divi Estate

Click on Upload Theme and then Choose file.

In the downloaded package find and select DiviEstate.zip file, then click on the Install Now button.

Completing the upload, you will need to activate the theme by clicking on the Activate button.

Step 3: Activate your product

To activate your product and get updates please go to Divi > Divi Estate Activation and enter your API Key and API Email.

To see your API Keys please log in to your account.

Step 4: Installing plugins

DiviEstate requires 6 plugins: ACF: Google Map Extended, Advanced Custom Fields, Breadcrumbs NavXT, Caldera Forms, One Click Demo Import and Recent Post Widget With Thumbnails. We have made installing process very simple. After DiviEstate child theme is activated system will ask you to install all missed plugins. Click Begin installing plugins.

Step 5: Import Breadcrumbs settings

Go to Settings > Breadcrumb NavXT and expand “Help” section.

Select Import > Export > Reset tab and click Upload File.

In the downloaded package find and select bcn_settings.xml file, then click on the Import button. 

Step 6: Permalinks setup

Go to Settings > Permalinks, select “Post name” and click Save Changes.

Step 7: Google Map API

In order to make property map working we need to get Google API Key.

Go to Divi > Theme Options, find “Google API Key” and paste your code.

How to create new API key?

Step 8: Disable Visual Text Editor

DiviEstate uses custom icons which are applied via span classes. This is unfortunately not supported by WordPress and when we have Visual Text Editor enabled this causes issues, icons disappear.

To disable Visual Text Editor please go to Users and click your user account.

Find Visual Editor option located at the very top and mark box Disable the visual editor when writing.

This will prevent icons disappearing.

Step 1

Now you will need to install the library and all theme settings which allows you to have your site just like the demo version.

Go to Appearance > Import Data Demo, and click on the Import Demo Data button.

Note: This may take even several minutes, depends of internet connection speed. Please be patient.

Step 2

The theme has 3 pre-built forms. They need to be imported from download package. Go to the Caldera Forms tab located in your WordPress Dashboard and click Import button. Select “contact-form.json” file located in Import Files > Caldera Forms folder and click Import button. Follow the same steps for all other forms.

General

DiviEstate updates – Enabled/Disabled (disabling this option is not recommended)

Site Language

Translate DiviEstate into any language! There is 11 languages already available (German, Spanish, French, Polish, Portuguese, Sweden, Russian, Italian, Turkey, Dutch).

For more translations please install Loco Translate plugin.
Site Language – select theme language
Theme Colors – select main theme color and gradient colors

General

Site Currency – Input field.
Currency Position – Left/Right
Top Menu Bar – Enable/Disable Top Menu Bar
Area Unit – (Sq/ft ) (Sq/m) (m2) (m with 2 as a superscript)
Agents Header Image – upload header background for agent pages.
Agents Image Crop – Enabled/Disabled (if enabled, agent image is crop to square)
Text displayed if price not specified – input text field.
Phone Number Text – text displayed for the phone number in header

Properties Archive Page Slug – by default “properties”
Properties Dashboard Label – determine what text is displayed for Properties dashboard tab (WordPress menu)
Agents Archive Page Slug – by default “agents”
Agents Dashboard Label – determine what text is displayed for Agents dashboard tab (WordPress menu)
Regions Archive Page Slug – by default “agents”
Regions Dashboard Label – determine what text is displayed for Regions tab located in WordPress menu.

Agents per page – this field defines how many agents is displayed on Agents page.
Results per page – this field defines how many properties is displayed on listing page.
Default Property Order – select default order how properties are displayed.

Advanced Search
Select elements displayed in Advanced Search Popup

Social Icons
Add custom media networks

Integration
Add custom PHP code

Preloader

Preloader – Enabled/Disabled
Preloader Size – define preloader size: width and height
Preloader Images – select preloader image
Preloader Image Uploader – you can upload your own preloader/gif image
Preloader background color – define background color for preloader
Preloader Effects – define effect FadeOut/SlideUp
Preloader Delay time – define preloader delay time
Body Delay time – define body delay time
Preloader Body opacity – define background opacity
Preloader Fadeout speed – define speed of preloader fadeout effect

Gradient colors

We have made it extremely easy to use gradients on your website. You just need to specify 2 colors and you are ready to go.

To use gradient background for a module, section or row just add re-gradient class.

Map options

Map Clustering – Enabled/Disabled
Map Clustering Zoom – number value (5-14)
Map Clustering Size – number value (40-80)
Number of Properties Displayed on Map
Search Addresses in – Google Map/Database
Property Listing Map View – Road Map / Satellite / Hybrid / Terrain
Search Results Map View – Road Map / Satellite / Hybrid / Terrain
Single Property Map View – Road Map / Satellite / Hybrid / Terrain
Map Parallax – Turn on/Turn off parallax effect on the map
Map Marker Images – Select map marker from 6 predefinied colors
Map Marker Image Uploader –  upload your own map marker
Map Marker Custom Size – Width & Height

Property Box

Email Template

Visitors can easily send property listing link to their friends by clicking Send in Email located on property page, below map.

Email Subject – I wanted you to see this property
Email text before link – Check out this property text
Send in Email text – Send in Email

Custom Icons

DiviEstate is a highly customisable theme that can be used not only for real estate industry. DiviEstate options allow to change all icons displayed on a website. In this tab we can change icons for Area Sq-ft, Bedrooms and Bathrooms, for grey stripe displayed below the property description and finally for tools available below the single property map.

CSS Edits

If you are going to add your own custom edits – please place all your CSS code inside Theme Customizer’s Custom CSS tab or in Divi Theme Options, as all the changes made within child theme files will be lost with the automatic update. If you wish to edit or add any files in the child theme folder please do not use the automatic update feature.

1 Agent

2 Modal Video

This module allows you to display videos in a popup modal window. Simply upload your desired video in .MP4 format, or type in the URL to the video you would like to display and use this module on the page you want.

3 Property Listing

This module is used to display custom properties on pages. We can select Horizontal or Grid layout. We can also filter properties by status, region, category, display featured and display specific filters and Layout Mode.

4 Properties Grid Slider

This module is used to display properties slider on pages in grid form. We can apply filter, select order and define how many properties should be displayed.

5 Property Search Bar

Search Bar Module settings allow you to control header and description. In Design tab we can change fonts, sizes and colors.

6 Property Swiper Slider

This powerful module can be used for displaying an attractive and responsive property sliders on any page you want. It allows you to display only specific category, region, or by status.

7 Regions

Regions is another custom post type added to DiviEstate. You can add Regions/Communities to our website and display specific properties on each region page.

8 Search CTA

Search CTA module allows you to display a beautiful Call To Action section. After button is clicked, Advanced Search Popup shows up. We can edit heading text, subheading text and customize button settings.

9 Map Module

Properties Map module allows you to insert properties map on any page you want.

Display Properties By: All / Featured / By Region / By Category / By Status

Map Height – Set Map height (px)

Properties Count – determine how many properties will be displayed on the map.

9. Code Snippets

/* CHANGE HEADER SIZE */
#main-header {
   top: 63px; height: 120px; padding-top: 15px;
}
 
/* ENABLE DEFAULT DIVI FOOTER */
.et-social-icons {
   text-align: right !important;
   padding-top: 0px !important;
   float: right  !important;
}
#footer-info {
   float: left  !important;
   padding-bottom: 0px !important;
   padding-top: 5px !important;
   text-align: left !important;
}
.et-social-icons li {
    padding: 5px !important;
}
 
/* HIDE MAP ON LISTING AND SINGLE PROPERTY PAGE */
.property-map {
display: none;
}
 
/* HIDE MAP ON SEARCH RESULTS PAGE */
.property-archive-map {
display: none;
}
 
/* HIDE MAP ON SINGLE PROPERTY PAGE */
.single-property .property-map {display: none;}
 
 
/* HIDE ADDRESS AND MAP ON AGENT PAGE */
.agent-address {
    display: none !important;
}
 
/* HIDE SIMILAR PROPERTIES ON SINGLE PROPERTY PAGE */
.property-agent {
    display: none;
}
 
/* CHANGE DEFAULT ICONS COLOR */ 
.property-icon {
    color: #e7ecf0;
}
 
/* HIDING GREY STRIPE ELEMENTS ON PROPERTY PAGE */
.features-stripe div.property-stripe-feature:nth-child(1){display:none;}
.features-stripe div.property-stripe-feature:nth-child(2){display:none;}
.features-stripe div.property-stripe-feature:nth-child(3){display:none;}
.features-stripe div.property-stripe-feature:nth-child(4){display:none;}
.features-stripe div.property-stripe-feature:nth-child(5){display:none;}
.features-stripe div.property-stripe-feature:nth-child(6){display:none;}
/* HIDE FULL GREY STRIPE */
.features-stripe {display: none;}
 
/* REMOVE STATUS FROM HOMEPAGE SEARCHBAR */
.et_pb_b3_properties_searchform .searchform-status.bootstrap-select > .dropdown-toggle {display: none;}
.et_pb_b3_properties_searchform .location-icon:before {left: 20px;}
.et_pb_slide_description .et_pb_b3_properties_searchform_form input[type="text"] {padding: 0 150px 0 40px !important;}
 

2019 November 14th – Version 1.7.2
– Map issue for translated pages fixed
– Agent archive layout issue fixed
– Agent archive layout issue fixed
– ACF error notification after theme activation fixed
– CSS issues after Divi 4 and WP 5.3 fixed
– Popup issue on agent archive fixed
– Google Plus cosial icon removed from single agent page, pinterest icon added
– ACF Agent Setting updated
– xml import file updated
– Divi 4.0.6 and WP 5.3 compatible

2019 October 29th – Version 1.7.1
– Archive page and single property page map issues fixed
– Archive page responsive issues fixed

2019 October 25th – Version 1.7
– NEW: Search by Property Name
– double icons issue fixed
– Google + icon replaced with Pinterest
– licensing API updated
– archive page layout issue fixed
– sticky agent module mobile issue fixed
– Divi 4.0.3 and WP 5.2.4 compatible

2019 June 22nd – Version 1.6.9
– design options for DiviEstate modules added
– vertical scroll on properties issue fixed
– selecting custom icons issue fixed
– area unit set to “none” issue fixed
– searching functionality improved
– Divi 3.25.2 and WP 5.2.2 tested

2019 May 20th – Version 1.6.8
– NEW: Infinite Scroll Properties
– NEW: Hide Properties with Sold Status
– NEW: Disable Rounding Price
– Google Map API inserted multiple times issue fixed
– Modal Video module issue fixed
– Theme Options displaying issue fixed
– Danish language added
– new API code added
– debug notices fixed
– import files updated
– Divi 3.22.7 and WP 5.2 tested

2018 December 20th – Version 1.6.7
– NEW: Searching by ID to Advanced Search popup added
– Advanced Search layout issue fixed
– Button Fullwidth shortcode issue fixed
– Properties Map displaying issue fixed
– Video module new API added
– Filters dropdown scrolling issue fixed
– Searching and contact agent popups issues fixed
– Debug notices fixed
– Divi 3.18.9 and WP 5.0.2 tested

2018 November 17th – Version 1.6.6
– Address with apostrophe issue fixed
– Divi 3.17.6 and WP 4.9.8 compatible

2018 November 6th – Version 1.6.5
– Google Map admin issue fixed
– ACF: Google Map Extended plugin unregistered (can be removed)
– Divi 3.17.2 and WP 4.9.8 compatible

2018 October 30th – Version 1.6.4
– Google Map API requests limited
– footer and header template hooks added
– map clustering issue fixed
– searching in database functionality improved
– xml and json files updated
– CSS optimised
– Divi 3.17.2 and WP 4.9.8 compatible

2018 October 10th – Version 1.6.3
– Searching issue fixed
– Related Properties layout fixed
– Search Bar dropdown improved
– Divi 3.16.1 and WP 4.9.8 compatible

2018 September 20th – Version 1.6.2
– ACF Property and Agent settings updated
– properties archive page column issue fixed
– CSS optimised
– FontAwesome library removed
– import xml file updated
– Divi 3.15 and WP 4.9.8 compatible

2018 August 29th – Version 1.6.1
– NEW: Norwegian language added
– ACF Photo Gallery issue fixed
– Images import issue fixed
– Top Menu Bar options issue fixed
– Gap below sign up form and fields issue fixed
– Map tools positioning fixed
– CSS improvements
– import xml file updated
– Divi 3.12.2 and WP 4.9.8 compatible

2018 July 24th – Version 1.6
– NEW: Search Properties in Database
– NEW: Map Clustering
– NEW: Featured Image Slider on Property Page
– Slim Subscribe Form Module layout issue fixed
– add decimals values for Bedrooms and Bathrooms
– Property Slider Widget functionality improved
– Menu Top Bar performance improved
– Search Page Map positioning fixed
– ZIP Code Searching issue fixed
– single property layout issue fixed
– agent page layout issue fixed
– Property Swiper Slider issue fixed
– documentation updated
– Divi 3.10.2 and WP 4.9.7 compatible

2018 May 28th – Version 1.5
– NEW: Properties Listing module improved
– NEW: Properties Filtering at backend added
– NEW: Property Map 3 new modes added
– Property Swiper Slider: automatic slide & duration option added
– Fullwidth Property Slider module improved
– searching functionality improved and issues fixed
– share buttons code updated
– custom map pin size on single property page issue fixed
– agent role permissions and issues fixed
– m2 added as a superscript
– WPML issue fixed
– Soldpress, Realtypress and Optima Express popup issue fixed
– filter dropdown issue in Safari browser fixed
– email opt-in module fixed
– property box shadow performance improved
– map language issue fixed
– console notifications eliminated
– DiviEstate options reorganised
– Divi 3.4.1 and WP 4.9.6 compatible

2017 December 29th – Version 1.4.3
– NEW: Export/Import properties
– Top Header performance improved
– Agent box hover shadow issue fixed
– Search Engine improved, bug fixed
– Property archive page responsive view improved
– Social Icons settings moved to General tab
– Top Header menu color issue fixed
– Divi 3.0.92 and WP 4.9.1 compatible

2017 December 12th – Version 1.4.2
– more options to Area dropdown added
– Agent and property thumbnail size fized
– Property Full Width Slider improved, price added
– map tooltip image and title clickable
– more social media icons added
– More Features section added
– Visual Builder issue fixed
– Related Properties mobile navigation fixed
– Search Button and status dropdown fixed
– Advanced Search price range improved
– option to change tab icons added
– Email Template options added
– CSS cleanup
– Divi 3.0.91 and WP 4.9.1 compatible

2017 October 25th – Version 1.4.1
– Advanced Search module issue fixed
– translations updated
– disable update notification option added
– CSS improved
– documentation updated
– Divi 3.0.84 compatible

2017 October 12th – Version 1.4
– Email Sign Up section CSS fixed
– New Map Module added
– Upload Custom Icons functionality added
– Integration tab for custom PHP code added
– Agent user role added
– IE search field height issue fixed
– DiviEstate options regrouped
– Advanced Search area and price filters issue fixed
– backend property filtering issue fixed
– Display Featured filter added to property listing page
– Custom Ribbons added to Fullwidth Property Slider
– option to change slug for Regions added
– options to rename WP tabs
– translations updated, new strings added
– CSS code cleanup
– 2nd header color customization issue fixed
– Header Customizer issue fixed
– property images clickable
– Divi 3.0.79 compatibility checked

2017 July 27th – Version 1.3
– property slider image clickable
– custom fields status issue fixed
– My Properties module on agent page fixed
– phone number text option added
– Search Bar module bug fixed
– Advanced Search improved
– option to disable top bar
– option to add custom URL to Property Slider
– map marker custom size option added
– Property Listing/Slider module category filter added
– parallax map zoom option added
– ribbon colors issue fixed
– menu slide animation issue fixed
– option to change Properties and Agents slug
– documentation updated

2017 June 26th – Version 1.2.1
– related properties issue fixed
– back-end property searching improved

2017 June 7th – Version 1.2
– property ID added to agent contact form
– custom property ribbon feature added
– swedish translation fixed
– gradient issue fixed
– Agents page pignation added
– footer credentials issue fixed
– missed homepage layout added
– option to assign 2 agents to property
– agent image clickable
– CSS improved
– agent box responsive issue fixed

2017 May 3rd – Version 1.1
– multilingual support (translations ready)
– front-end property submission added
– responsive issues fixed

2017 March 31st – Version 1.0.1
– property description white text issue fixed
– contact/add property form issue fixed
– paddings issue on the blog feed fixed
– property status issue fixed
– more options to advanced search functionality added

2017 March 22nd – Version 1.0
– Release date