RealEstaty WordPress Theme Documentation

Introduction

Thank you for using our RealEstaty WordPress Theme. We are very glad that you have chosen our RealEstaty WordPress Theme for your website.

RealEstaty is a responsive and retina-ready WordPress theme for real estate agents to promote their wide range of properties.

This document is written very carefully by keeping the mindset that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main sections.

1) Getting Started : This section will very help full for Quick start and understand how setup theme
2) Detailed Document : This section explains everything about RealEstaty theme with every setting.
3) Other : This section provides information about miscellaneous items like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

RealEstaty Premium WordPress Theme
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding installing the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin Area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Go to Dashboard » Appearance » Themes.
  3. Add New Theme
  4. Step 3. Now, Click on Upload Theme button at top and upload realestaty.zip which you have downloaded from your Member Area at Solwin Infotech website.
  5. Step 4. Click on Activate once upload has finished.
  6. Upload New Theme
    Activate Theme


2. Installation Using FTP

  1. Step 1. Download realestaty.zip file from your Member Area at Solwin Infotech website.
  2. Step 2. Extract Zip file.
  3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. Step 4. Go to Dashboard » RealEstaty » Themes and find RealEstaty theme from list.
  5. Step 5. Click on Activate to active RealEstaty theme.

Active Theme

Install & Active The Plugins

After the RealEstaty theme is activated, a notification occurs on the top that will suggest which plugins are required in theme.

Activation Message

Click on Begin installing plugins for plugin installation OR Click on Begin activating plugins if plugins are already installed.


Required Plugins:

  • Contact Form 7: Manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
  • MailPoet 3: Create and send newsletters, post notifications and welcome emails from your WordPress.

Recommended Plugin:

  • Avartan Slider: A Responsive WordPress slider that allows you to create unlimited layers with text, image and video elements.

System Status Info

Note : Set "Max execution time" to at least "3600" and set "Max input vars" to "1500".

Above configuration will helps you to run the auto install successfully.

System Information

Auto Install Sample Data

Note: In order to import data successfully check that all required plugins are installed and activated.

Sample data provide the dummy content. By importing this data your site will look like the demo website.

To Auto Install Sample Data:

  1. Step 1. Go to your Dashboard » RealEstaty » Install Demos.
  2. Step 2. Select Demo Home Page Layout.
  3. Step 3. Click on "START INSTALL" Button to start Auto Install process.

One Click Install

Remove the installed dummy content from your website.

To Remove Sample Data:

  1. Step 1. Go to your Dashboard » RealEstaty » Install Demos.
  2. Step 2. Click on "UNINSTALL" Button to remove dummy content.

Remove Sample Data

Not Recommended: Do this action if you really want to remove installed sample data and want to start again from scratch.

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to set up WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

Home Page View

  1. Step 1: Go to Dashboard » Pages » Add New.
  2. Step 2: Enter page title.
  3. Step 3: Select template as Home Page Template for Page Attribute as shown in below image
  4. Step 4: Publish this page
  5. Home Page Setting
  6. Step 5: Go to Dashboard » Settings » Reading, select home page as a front page
  7. Front Page Home

Create Slider

  1. Step 1. Go to Dashboard » Avartan Slider.

  2. Step 2. Click on

    Create new slider

  3. Step 3. Add the slider name. Shortcode of the slider will be generated automatically (see image below).

    Save Settings

  4. Step 4. Click on create slide button to save your slider.

  5. Step 5. Next to that, Click on Edit slides at top of page for edit your slide details.

  6. Step 6. To add new slide click on Add slide button at right side of the slide list and add new Layer from Add New Layer.

    create slide

  7. Step 7. In order to add Avartan Slider on any page, navigate to Pages » Add New.

  8. Step 8. Click on add-avartan-slider-btn

    Add Avartan Slider

  9. Step 9. Select slider and click on Insert Avartan Slider button.

    Select Slider

  10. Avartan Slider shortcode added successfully. Now save the page and enjoy the slider.

    slider added

Create Mega Menu

Mega menu can create with Auto or Fixed width size. It will manage automatically according to the number of columns. Navigation label which manages to show or hide navigation label and the Sub-title is manage label as Trending Feature over the menu.

Mega Menu Backend

Megamenu Creation

Mega Menu Front

Megamenu Front

Setting up Page Template

How to select page template:

Select a page template from Page Attributes as shown in below image.

Page Template

There are following page templates available:

  • Home Page Template: This page template is used to display home page content.
  • Full Width Page Template: This page template is used to display content in a full width page.
  • Left Sidebar Page Template: This page template is used to display sidebar at the left side on a page.
  • Right Sidebar Page Template: This page template is used to display sidebar at the right side on a page.
  • Contact us Page Template: This page template is used to display contact us page.
  • Add Property Page Template: This page template is used to display add property form.
  • Advance Search Form Template: This page template is used to display Search property with Advance search box.
  • Agent List Page Template: This page template is used to display lists of property agents and their details.
  • Property Search Page Template: This page template is used to search property by map and property listing.
  • Property Listing Template: This page template is used to display lists of properties.

Setting up Widgets

  1. Step 1. Go to Dashboard » Appearance » Widgets, Drag and Drop the widgets in Home Page Main Content Area area

Admin Preview

Home Page Sidebar

Call to Action Widget

This widget will be used to display a call to action button. Use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Call to Action

Front End Preview

Call to Action

Contact Information Widget

This widget will be used to display contact information like address, phone number, fax and contact email.

Admin Preview

Contact Information

Front End Preview

Contact Information

Contact Us

A widget compatible to 'Contact Form 7' and use to display the contact form on pages like contact us. It can be used in Home Page Main Content Area and in other sidebar areas.

Admin Preview

Contact Us widget

Front End Preview

Contact Us widget

Feature Properties Widget

This widget is used only for "Home Page Content Area" sidebar. This widget displays feature properties.

Admin Preview

Feature Properties

Front End Preview

Feature Properties

Google Map

This widget is used to display Google Maps. It can be used in Home Page Main content Area and in the sidebar area. It provides different options such as Map Type(Road Map, Satellite Map, Terrain Map and Hybrid Map) , Address , Map Width , Map Height , Zoom and Map Icon Animation.

Admin Preview

Google Map

Front End Preview

Google Map

Latest Blog

This widget is used only for "Home Page Main Content Area" sidebar. It is used to display the most latest blogs. This widget has options of - number of blog posts to show , content length , option to display blog date or not and option to display blog comment or not.

Admin Preview

Latest Blog

Front End Preview

Latest Blog

Latest Properties

This widget is used only for "Home Page Main Content Area" sidebar. This widget is used to display latest properties added. It also provides 'Number of Properties to show' option.

Admin Preview

Latest Properties

Front End Preview

Latest Properties

Our Partners

This widget is used only for "Home Page Main Content Area" sidebar. This widget is used to display Partners logo in a slider. It also has an option of 'No of partners logo to show in slider' and 'slide speed (in milliseconds)'.

Admin Preview

Our Partners

Front End Preview

Our Partners

Our Agents

This widget is used only for "Home Page Main Content Area" sidebar. This widget is used to display an agents list.

Admin Preview

Our Agents

Front End Preview

Our Agents

Our Services Widget

This widget is used only for "Home Page Main Content Area" sidebar. This widget is used to display services you provide. You can add multiple services using 'Add More' option and you remove any particular service using 'Remove' option. You can add content of each service such as- Title , Icon , Description , Link and Link-text. You can also set a background image and color for Our-Services Widget Section.

Admin Preview

Our Services

Front End Preview

Our Services

Property Listing

This widget is used only for "Home Page Main Content Area" sidebar. This widget will be used to display properties on the basis of - Top Rated, Last Added and Most Favorite.

Admin Preview

Property Listing

Front End Preview

Property Listing

Recent Posts widget

This widget is used to display Recent Posts in a slider. This widget provides options such as - 'Number of posts to show' , 'Display post date?', 'Display post Author?', ' Display Read More option' ,'Read More Text' and 'Excerpt character length'.

Admin Preview

Recent Posts widget Admin

Front End Preview

Recent Posts widget Front

Rent/Sale/Sold Properties

This widget displays Properties on the basis of Property Status (Rent, Sale or Sold). You can select number of properties to show. This widget is only for "Home Page Main Content Area" sidebar.

Admin Preview

Rent/Sale/Sold Properties

Front End Preview

Rent/Sale/Sold Properties

Testimonial Slider

This widget is used only for "Home Page Main Content Area" sidebar. It is used to display testimonials added by 'Testimonial' section in admin panel. It provides options such as - 'Number of posts to show', 'Display Testimonial Client Image?' and 'Display Testimonial Address Meta?'. It also provides design settings options such as - background color and background image.

Admin Preview

Testimonial Slider

Front End Preview

Testimonial Slider

Flickr Photos

This widget will be used to display your Flickr photos from your Flickr account.

Admin Preview

Flickr Photos Admin

Front End Preview

Flickr Photos Front

Instagram Photos

This widget is use to display Instagram Feeds.

Admin Preview

Instagram Photos Admin

Front End Preview

Instagram Photos Front

Twitter Feeds

This widget is use to display the Twitter feeds.

Admin Preview

Twitter Feeds Admin

Front End Preview

Twitter Feeds Front

Create Custom Widget Area

  1. Step 1. Go to Dashboard » Appearance » Widgets.

    Create Custom Widget Area

  2. Step 2. Enter Name of new widget area. Click on "Add Widget Area".

    Widget Area

  3. Step 3. After Custom Widget Area created, Drag and Drop the widgets in Custom Widget Area.

    Custom Widget Area

  4. Step 4. Custom Widget Area looks like this.

    Custom Sidebar Area

  5. Step 5. To delete Custom Widget Area click on - icon.

Custom Header Option

Custom Header Option

Custom header option manages individual Header background for Pages and Posts. It provides below 3 options to manage it:

  • Default: It manages the common header, which is set in Theme option panel as Default for all pages and posts.
  • Background Image: It provides upload image option for particular single page as header background.
  • No Background: It manages no such header background from default theme option as well.

Custom Sidebar Option

Custom Sidebar

Manage Custom Sidebars with different Page templates, you can create it in Widget panel and manage it with different Pages.

Note: Custom Sidebar will not work for Full Width Template & Home page Template.

Add Property

Add Property

Add Testimonial

Add Testimonial

Add Partner

Add Partner

Agent Registration from Frontend

First you have to enable user registration under Settings » General » Membership. Set New User Default Role as “Subscriber” under this option.

Users can log in via login popup or page, you can set this option from Appearance » Theme Options » My Account Page.

For more details Click Here

Register Agent

Property Registration from Frontend

  1. Step 1. Go to Dashboard » Page » Add New and select page template "Add Property" under Page Attributes » Template.
Front-end Property Submission

Add Shortcode in Page

  1. Step 1. Go to Dashboard » Pages » Add New.
  2. Step 2. Click on Default Shortcodes (as show in below left image).
  3. Step 3. Now, select the shortcode from list (as show in below right image).
Add Shortcode Button
Add Shortcode in Page

Headers

These shortcodes will be used for displaying h1, h2, h3, h4, h5, h6 tags.

H1 Tag :

[sol_header type='h1' title='demo content' margin_top='5px' margin_bottom='5px']

<h1 style='margin-top:5px;margin-bottom:5px'>demo content</h1>

H2 Tag :

[sol_header type='h2' title='demo content' margin_top='5px' margin_bottom='5px']

<h2 style='margin-top:5px;margin-bottom:5px'>demo content</h2>

H3 Tag :

[sol_header type='h3' title='demo content' margin_top='5px' margin_bottom='5px']

<h3 style='margin-top:5px;margin-bottom:5px'>demo content</h3>

H4 Tag :

[sol_header type='h4' title='demo content' margin_top='5px' margin_bottom='5px']

<h4 style='margin-top:5px;margin-bottom:5px'>demo content</h4>

H5 Tag :

[sol_header type='h5' title='demo content' margin_top='5px' margin_bottom='5px']

<h5 style='margin-top:5px;margin-bottom:5px'>demo content</h5>

H6 Tag :

[sol_header type='h6' title='demo content' margin_top='5px' margin_bottom='5px']

<h6 style='margin-top:5px;margin-bottom:5px'>demo content</h6>

Dividers

This shortcode will be used to add a divider in content.

Solid Line Divider :

[sol_divider type='solid']
Dotted Line Divider :

[sol_divider type='dotted']
Dashed Line Divider :

[sol_divider type='dashed]
Double Line Divider :

[sol_divider type='double']

Spacer

This shortcode will be used to put a horizontal space of a given pixel.

[sol_spacer size='30px']

Message Box

This shortcode will be used to display messages like success, danger, warning, info, etc.

Success Message Box :

[sol_messagebox type='success'] Well done! You successfully read this important alert message. [/sol_messagebox]

Success Message Box


Danger Message Box :

[sol_messagebox type='danger'] Oh snap! Change a few things up and try submitting again. [/sol_messagebox]

Danger Message Box


Warning Message Box :

[sol_messagebox type='warning'] Warning! Better check yourself, you're not looking too good. [/sol_messagebox]

Warning Message Box


Info Message Box :

[sol_messagebox type='info'] Heads up! This alert needs your attention, but it's not super important. [/sol_messagebox]

Info Message Box

Share & Follow Icons

This shortcode will be used to display share and follow icons.

Share Icons :

[sol_shareicon size='small|large' shape='circle|square']

Share Icons

Follow Icons :

[sol_followicon size='small|large' shape='square|circle' facebook="https://www.facebook.com/" twitter="https://twitter.com/" pinterest="https://in.pinterest.com/" googleplus="https://plus.google.com/" rss="https://www.rss.com/" instagram="https://instagram.com/" linkedin="https://in.linkedin.com/" youtube="https://www.youtube.com/"]

Follow Icons

Tabs

This shortcode will be used to display the tabs.

[sol_tabs type='vertical|horizontal' style='1|2'][sol_tab title='add title here']add content here[/sol_tab][so_ltab title='add title here']add content here[/sol_tab][sol_tab title='add title here']add content here[/sol_tab][/sol_tabs]

Tabs

Progress bar & Pie chart

This shortcode will be used to display progress bar and pie chart.

Progress bar :

[sol_progressbar value='50' title_position='in' margin_top='5px' margin_bottom='5px' style='1|2|3']add title here[/sol_progressbar]

Progressbar


Pie chart :

[sol_piechart value='80' show_percent='n' margin_top='0' margin_bottom='0' title='WordPress' style='1' thickness='0.3' width='250']add content here[/sol_piechart]

Piechart

Map

This shortcode will be used to display maps in content or contact us page.

1. Roadmap type :

[sol_map type='ROADMAP' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Roadmap

2. Satellite type :

[sol_map type='SATELLITE' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Satellite

3. Hybrid type :

[sol_map type='HYBRID' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Hybrid

4. Terrain type :

[sol_map type='TERRAIN' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Terrain

Accordion and Toggles

This shortcode will be used to display accordion & toggle.

Accordion :

[sol_accordians style='1|2|3'][sol_accordian title='add title here']add content here[/sol_accordian][sol_accordian title='add title here']add content here[/sol_accordian][sol_accordian title='add title here']add content here[/sol_accordian][/sol_accordians]

Accordion


Toggles :

[sol_toggles style='1|2|3'][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][/sol_toggles]

Toggles

Pricing Table

This shortcode will be used to display pricing table.

[sol_pricingtable columns='3|4' collapsed='y|n'][sol_pricingcolumn heighlight='y|n' title='Premium' price='$50' time_period = 'per year' btn_link='#' btn_txt='Buy Now']add content here[/sol_pricingcolumn][/sol_pricingtable]

Pricing Table

Sitemap

This shortcode will be used to display Sitemap.

[sol_sitemap site_pages='yes' site_archive='yes' site_post='yes']

Sitemap

Testimonial

This shortcode will be used to display testimonials.

[page_testimonial]

Testimonial

General Settings

General Settings

Header Settings

Header Settings

Header Layout

Header Layout

Header Banner Setting

Header Banner Settings

Design Settings

Design Settings

Blog Page Settings

Blog page Setting

Single Blog Page Settings

Single Blog page Setting

Property Settings

Property Settings

Single Property Settings

Single Property Settings

Add Property Page Settings

Add Property Page Settings

My Account Settings

My Account Settings

Contact Us Page Settings

Contact Us Settings

WooCommerce Product Page Settings

Product Page Setting

WooCommerce Single Product Page Settings

Single Product Page Settings

Security Settings

Security Settings

Email Settings

Email Settings

Inquiry Mail

Inquiry Mail

Friend Mail

Friend Mail

Contact Author Mail Settings

Contact Author Mail Settings

Import/Export Setting

Import/Export Settings

Theme Features

The theme comes with tons of features that you can control easily via our user-friendly theme admin panel. You can find these features below:

  • Browser Compatible
  • Mobile Friendly Responsive Theme
  • Fully Widgetized Home Page
  • 4 Header Banner Options (Map, Property Image, Slider, Custom Image)
  • Powerful Theme Options Panel
  • Smooth home page section animations
  • Inbuilt custom page templates like Home Page, Contact Us Page , Add Property Page , Agent List Page etc
  • Page Layouts – Full Width Page , Left Sidebar Page and Right Sidebar Page
  • 15+ Very Useful Shortcodes instead of plugins
  • Latest Bootstrap & Font Awesome version Support
  • Contact Form 7 ready: A working contact form
  • Unlimited color options
  • Supports WooCommerce Plugin
  • Front-end Register as Agent
  • Front-end Property Submission
  • Captcha in Forms
  • Advance Property Search
  • Customizable Mega Menu
  • Custom Header, Footer and Sidebar Options
  • RTL Support
  • Post formats
  • Supports Blog Designer plugin
  • Includes Avartan Slider
  • SEO Friendly
  • MailPoet Newsletter
  • Translation Ready (.pot files)
  • One-Click Demo Content Installer (4 different home page layouts)
  • Pre-made Demo
  • 15+ In Build Custom widgets
  • Google Maps integration with animated custom pin point
  • Custom Header Scripts and Footer Scripts support
  • Compatible with: WordPress 4.X, Bootstrap 3.X
  • And much more

FAQ

1. Does this theme support any plugins?

RealEstaty includes supports Avartan Slider, Blog Designer PRO, Contact Form 7, WP Super Cache,Yoast SEO, WooCommerce, WC Checkout Fields Editor plugin Support.


2. For which purposes I can use your theme?

The RealEstaty WordPress theme is suitable for all kinds of real estate websites where end users can find properties for rent/sale, the agent can submit properties and promote it via live website. It is also useful to Real Estate agency where they can showcase their projects.

Translation

Theme is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Find the .pot file in /wp-content/themes/realestaty/languages/

    .pot file

  2. Step 2. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language

  3. Step 3. Check language prefix in front end, view HTML.

    Language prefix

  4. Step 4. Open the .pot file with POEdit and translate the texts into your preferred language.

    translate texts

  5. Step 5. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English is en_EN, so you would save the translated files as en_EN.po and en_EN.mo.

  6. Step 6. Now Paste that two .po & .mo files in /wp-content/themes/realestaty/languages/ and rename to eg( en_CA.mo & en_CA.po ).

    .po and .mo files

For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

Update Theme

How to upgrade theme? Follow the below steps and upgrade your theme.

  1. Step 1 : Login with your WordPress admin area.
  2. Step 2 : Go to Dashboard » RealEstaty » Upgrade.
  3. Step 3 : Check your installed theme version and latest available version.
    upgrade theme
  4. Step 4 : If you already installed the latest version, then ignore the following steps otherwise go through to the following steps.
  5. Step 5 : Go to www.solwininfotech.com
  6. Step 6 : Login with your username and password (If you are not logged in) OR Register
  7. Step 7 : Buy RealEstaty theme (If you haven't purchased a theme)
  8. Step 8 : Go to My account
  9. Step 9 : Click on "Payment History" tab
  10. Step 10 : View your order
  11. Step 11 : Download RealEstaty.zip file

Note: Please note that with the theme update any code modifications done in the theme's code will be lost, so please make sure you have a backup copy of the theme files before you update the a theme.

Now installing an update:

  1. 1. Update Using FTP

    1. Step 1. Download RealEstaty.zip file from your Member Area at Solwin Infotech website.
    2. Step 2. Extract Zip file.
    3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
    4. Step 4. Go to Dashboard » Appearance » Themes and find RealEstaty theme from list.
    5. Step 5. Click on Activate to active RealEstaty theme.
    Active Theme

Note: Please note that some of your data that is not required in new theme will be deleted. So Keep your site backup with database before upgrading a theme.

Note: Please note that with the activating of the new theme it is possible your menu setting not to be saved for the new theme. If so, you just have to go to Appearance » Menus » Theme Locations, select the menu (it will be still there) and press the "Save" button.

Thanks For Using RealEstaty Theme!

We would like to thank you for using our RealEstaty Theme! If you have any difficulties with RealEstaty Themes or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!