Drupal 7 - Real Estast Theme Guide for Developers

The basics - Before you start

Theme content

  • README.txt
  • Real Estast theme: real-estast-7.x-1.0.zip
  • Demo Profile for Real Estast: real-estast-demo-7.x-1.0.zip
  • Documentation: Assets and the full guide for Real Estast installation.

System Requirements

Database

  • MySQL 5.0.15 or higher with PDO
  • PostgreSQL 8.3 or higher with PDO
  • SQLite 3.3.7 or higher

PHP

  • PHP 5.2.5 or higher (5.3 recommended)
  • PHP5 GD library installed
  • Disabled error_reporting flag on production server
  • Enabled mod_rewrite in Apache for clean URLs
  • Memory limit set up at least 128MB

If you are new to Drupal, please take a reference to System requirements on drupal.org.

Module requirements

Core Modules

  • Blog
  • Color
  • Comment
  • Contact
  • Contextual links
  • Field UI
  • List
  • PHP filter
  • Search
  • Administration menu

Third-party Modules

  1. addressfield
  2. admin_menu
  3. Bean
  4. Better Exposed Filters
  5. Block Class
  6. blockreference
  7. Colorbox
  8. Context
  9. Countries
  10. Chaos tools
  11. custom_breadcrumbs
  12. custom_search
  13. Date
  14. Devel
  15. Email
  16. Entity tokens
  17. Entity Reference
  18. Field Collection
  19. Fieldgroup
  20. FlexSlider
  21. field_slideshow
  22. Font Awesome
  23. Faq
  24. flickr
  25. Gallery Formatter
  26. Google Fonts
  27. GMap
  28. gmap3_tools
  29. google_webfont_loader_api
  30. icon
  31. jCarousel
  32. jQuery Update
  33. jquery_plugin
  34. juicebox
  35. Libraries
  36. Link
  37. location
  38. mefibs
  39. Menu attributes
  40. Metatags Quick
  41. Manage Multiple Terms
  42. Modal forms
  43. Module filter
  44. Newsletter
  45. owlcarousel
  46. Pathauto
  47. Quicktabs
  48. real_estast_tools
  49. References
  50. respondjs
  51. Share This
  52. Superfish
  53. TagClouds
  54. Taxonomy menu
  55. TB Mega Menu
  56. Token
  57. Variable
  58. Video Embed Field
  59. Views
  60. Views Accordion
  61. Views Bootstrap
  62. Views fieldsets
  63. Views Isotope
  64. Views Slideshow
  65. Views Slideshow Jcarousel
  66. Views ticker
  67. Views UI
  68. Weebpal tools
  69. Wishlist

Required libraries by the modules

  • autopager
  • Colorbox
  • FlexSlider
  • Fontawesome
  • infobubble
  • Jcarousel
  • Jquery Cycle
  • Jquery Jcarousel
  • Jquery Isotope
  • Juicebox
  • Superfish

Download Drupal core files, and extend your site with modules at here.


Installation

How to install a WeebPal demo package

1. Download one theme package of your choice (e.g: Real Estast)

Files included:

  • README.txt
  • Real-Estast theme: real-estast-7.x-1.0.zip
  • Demo Profile for Real-Estast:real-estast-demo-7.x-1.0.zip
    This demo package includes all source codes and content, including sample images. This package will be used to build a site like our demo for the theme easily.

Package

The below steps will give you the installation guide so that you can build your website to look exactly like the Real Estast Demo

  • real-estast-demo-7.x-1.0.zip

2. Extract real-estast-demo-7.x-1.0.zip above and copy it into your host, and rename the directory to real-estast

Quick Installation

3. Access your MySQL database and create a new database (e.g: real_estast) and user account. Don't forget to add correct permissions to new user to access the database

Quick Installation

4. In the demo directory database/ (or profile/weebpal), you can find database dump named sample_data.sql.

Quick Installation

Import this file into new database.

Quick Installation

5. Now, you need to modify sites/default/default.settings.php file. Clone default.settings.php file, then rename it "settings.php"

Quick Installation

6. Open settings.php, then locate the $database array and set proper credentials.

Quick Installation

                        $databases['default']['default'] = array(
                            'driver' => 'mysql',
                            'database' => 'databasename',
                            'username' => 'username',
                            'password' => 'password',
                            'host' => 'localhost',
                            'prefix' => '',
                        );
                    

When using this installation, you are installing everything from our preview server. So don't forget to set proper values for settings: email address, admin password, etc.

7. Open the browser and visit your website with the prepopulated content & layout exactly like our Real Estast Demo

Now, you can visit administrator site with the admin account to delete the unnecessary contents and add the new ones.

How to install a WeebPal theme for Drupal developers

If you're an experienced Drupal user or if you want to build the theme from zero with only the basic appearance of Real Estast Theme, find this guide in handy.

Preparation

1. Install Drupal

1. Go to Drupal download page and download the latest version of Drupal 7.

Download Drupal 7

2. Extract and copy Drupal folder to your host and rename the directory (e.g: real_estast)

Follow steps below to install a Drupal site only:

3. Access to database and create a new database with a name such as real_estast.

Install theme package

4. Open browser and navigate to your website.

5. Select Standard => click Save and continue button.

Install Drupal 7

6. Choose language => click Save and continue button.

Install Drupal 7

7. Enter database parameters => click Save and continue button.

Install Drupal 7

8. Enter site information => click Save and continue button.

Install Drupal 7

9. Click Visit your new site and you will have a new site.

You can refer the guide from drupal.org to delve more details about drupal installation.

2. Install Real Estast Theme

  1. Extract Real Estast theme .ZIP file:
    • real-estate-7.x-1.0.zip
  2. Move this theme into your Drupal folder: sites/all/themes

    Download Drupal 7

  3. Navigate to Appearance > Choose Enable and set default Real Estast theme

    Download Drupal 7

3. Install Required Modules

Now that you've enabled Real Estast theme, you will install and enable the required modules (listed in the Module Requirements section) to customize and use them.

If you don't know how to install the contributed modules, this tutorial is an essential guide.

Cheat to install modules & theme:

  1. Extract real-estast-demo-7.x-1.0.zip
  2. Open extracted folder, go to sites/all and copy all folders inside (modules, themes, libraries)
  3. Paste them to your host, folder sites/all

Note: See this guide to get more details about installation


Taxonomy configuration

Quick Information

  • Taxonomy: Taxonomy can be simply understood as category management using organizational keywords known in other systems as categories, tags or metadata. It allows you to connect, relate and classify your website's content. In Drupal, these terms are gathered within "vocabularies". The Taxonomy module allows you to create, manage and apply those vocabularies.
  • Vocabulary: for example product category, tag, provider name, ...
  • Term: the items in each vocabulary. For example: vocabulary product category has some terms: laptop, pc, mobile, tablet, camera, headphone, ...
  • For more information about taxonomy, please see: Organizing content with taxonomies

Create Vocabularies

1. Go to Structure > Taxonomy, and create the following vocabularies:

Vocabulary

Create terms

Click list terms, and add the following terms for each Vocabulary

2. Terms of Categories:

Vocabulary

3. Terms of Bathrooms:

Vocabulary

4. Terms of Bedrooms:

Vocabulary

5. Terms of Branches:

Vocabulary

6. Terms of Business Types:

Vocabulary

7. Terms of Floorss:

Vocabulary

8. Terms of Garage:

Vocabulary

9. Terms of Gender:

Vocabulary

10. Terms of Location:

Vocabulary

11. Terms of Occupations:

Vocabulary

12. Terms of Positions:

Vocabulary

13. Terms of Property Status:

Vocabulary

14. Terms of Property Types:

Vocabulary

15. Terms of Year:

Vocabulary

Note: See this guide to get more details about taxonomy configuration


Media configuration

Image style configuration

Image styles are the presets of image settings. Image styles are used to define how the images are shown.

Navigate to Configuration > MEDIA > Image styles, create the following image styles:

Image Styles


Content type configuration

Modify Blog entry type

Step 1: Navigate to Structure > Content Type, at Blog entry row, click "manage fields" link, then add the following fields:

Blog entry type

Step 2:Set properties for Content field

Basic page types

Step 3:Set properties for Image field

Basic page types

Step 4:Set properties for Gallery field

Basic page types

Basic page types

Step 5:Set properties for Category field

Basic page types

Step 6:Set properties for Tags field

Basic page types

Step 7: Switch to Manage display tab > Default , set the following properties:

Blog type

Step 8: Modify Teaser tab, set the following properties:

Blog type

Modify Basic page type

Step 1: Navigate to Structure > Content Type, at Basic page row, click "manage fields" link, then add the following fields:

Basic page type

Step 2:Set properties for Gallery field

Basic page types

Basic page types

Step 3: Switch to Manage display tab > Default , set the following properties:

Basic page type

Step 4: Modify Teaser tab, set the following properties:

Basic page type

Create Article type

Step 1: Navigate to Structure > Content Type, create Article type with the following fields:

Article type

Step 2:Set properties for Gallery field

Article type

Step 3:Set properties for Image field

Article type

Step 4:Switch to Manage display tab > Default , set the following properties:

Article type

Step 5: Modify Teaser tab, set the following properties:

Article type

Create Properties type

Step 1: Navigate to Structure > Content Type, create Properties type with the following fields:

Properties type

Step 2:Set properties for Gallery field

Properties type

Step 3:Set properties for Image field

Properties type

Step 4:Set properties for Geo field

Properties type

Step 5:Set properties for Slideshow field

Properties type

Step 6:Set properties for Address field

Properties type

Step 7:Set properties for Price field

Properties type

Step 8:Set properties for Lot Area field

Properties type

Step 9:Set properties for Floor Area field

Properties type

Step 10:Set properties for Video field

Properties type

Step 11:Set properties for Business Type field

Properties type

Step 12:Set properties foreach Property Status, Bedrooms, Bathrooms, Floor, Property Type, Garage, Year, Location field the same Business Type with Vocabulary is the field name

Step 13: Switch to Manage display tab > Default , set the following properties:

Properties type

Step 14: Modify Teaser tab, set the following properties:

Properties type

Create Services type

Step 1: Navigate to Structure > Content Type, create Services type with the following fields:

Services type

Step 2: Switch to Manage display tab > Default , set the following properties:

Services type

Step 3: Modify Teaser tab, set the following properties:

Services type

Create Testimonials type

Step 1: Navigate to Structure > Content Type, create Testimonials type with the following fields:

Testimonials type

Step 2: Switch to Manage display tab > Default , set the following properties:

Testimonials type

Step 3: Modify Teaser tab, set the following properties:

Testimonials type

Create Why Us type

Step 1: Navigate to Structure > Content Type, create Why Us type with the following fields:

Why Us type

Step 2: Switch to Manage display tab > Default , set the following properties:

Why Us type

Step 3: Modify Teaser tab, set the following properties:

Why Us type

Create FAQ type

Step 1: Navigate to Structure > Content Type, create FAQ type with the following fields:

FAQ type

Step 2: Switch to Manage display tab > Default , set the following properties:

FAQ type

Step 3: Modify Teaser tab, set the following properties:

FAQ type

Modify Users Profile structure

Step 1: Navigate to Configuration > People section > Account settings > Manage Fields and add the following fields

Users type

Step 2: Navigate to Switch to Manage display tab and set the following properties

Users type

Configure Field Collection

To configure this future, you must install Field Collection module, then navigating to Structure > Field Collection and edit field collection :

Field Collection settings

Step 1: In field_content. Click manage fields tab, add following fields:

Field Collection settings

Step 2: Set properties for Images field

Field Collection settings

Step 3: Modify Manage Display tab, set following properties:

Field Collection settings

Step 4: Click Save button

Note You can read this article to understand more about Field Collection.

>


Home Page

Home Page - Front End display

home screenshot

URL Aliases Configuration

Navigate to Configuration > Search and metadata > URL Aliases, switch to PATTERNS and set the following properties:

url aliases

You can read this article to understand more about URL Aliases.

Headline region

Front end Display

Headline

1. Support: Custome block

Step 1: Navigate to Structure > Blocks, create Support block with the following properties:

Headline

Step 2: Click Save block button.

2. Social menu

Step 1: Navigate to Structure > Menus, add Social Menu and add the following links:

Social menu

Step 2: Navigate to Structure > Blocks, Find block Social Menu and set region Headline

Social menu

Slideshow

Front end Display

Slideshow display

Create Slideshow view

Step 1: Navigate to Structure > Views, click Add views link, Create Slideshow view with following properties:

Slideshow

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Slideshow

Step 3: At FIELDS area, click Add button to add fields: Content: Slideshow, Global: Fieldset, Global: Fieldset, Global: Fieldset, Content: Body, Global: Fieldset, Content: Price, Content: Link,Content: Nidfield.

Step 4: Set properties for Content: Slideshow field

Slideshow

Step 5: Set properties for Global: Fieldset field

Slideshow

Step 6: Set properties for Global: Fieldset field

Slideshow

Step 7: Set properties for Global: Fieldset field

Slideshow

Step 8: Set properties for Content: Body field

Slideshow

Slideshow

Step 9: Set properties for Global: Fieldset field

Slideshow

Step 10: Set properties for Content: Price field

Slideshow

Step 11: Set properties for Content: Link field

Slideshow

Step 12: Set properties for Content: Nid field

Slideshow

Step 13: At FIELDS area, click Rearrange button and set following properties:

Slideshow

Step 14: At FILTER CRITERIA area, click Add button to add field Content: Slideshow:fid and set following properties:

Slideshow

Step 15: Click Save button

Configure View: Slideshow

Step 1: Navigate to Structure > Blocks, find View: Slideshow block, click configure link and set the following properties:

Slideshow

Slideshow

Step 2: Click Save button

Modify Main Content: Frontpage view

Front end Display

Frontpage display

1. Configure Frontpage view

Step 1: Navigate to Structure > Views, Enable to Frontpage view, then Edit front page view with the following fields:

Frontpage configuration

Step 2: At PAGER User pager click and set propeeties:

Frontpage display

Step 3: At FIELDS area, click Add button to add fields: Global: Fieldset, Field: Image, Global: Fieldset, Content: Price, Content: Property Status, Global: Fieldset,Content: Address, Content: Business Type, Global: Fieldset, Content: Lot Area, Content: Bedrooms, Content: Bathrooms, Content: Property Typefield.

Step 4: Set properties for Field: Image field

Frontpage display

Step 5: Set properties for Global: Fieldset field

Frontpage display

Step 6: Set properties for Global: Fieldset field

Frontpage display

Step 7: Set properties for Content: Price field

Frontpage display

Step 8: Set properties for Content: Property Status field

Frontpage display

Step 9: Set properties for Global: Fieldset field

Frontpage display

Step 10: Set properties for Content: Address field

Frontpage display

Frontpage display

Step 11: Set properties for Content: Business Type field

Frontpage display

Step 12: Set properties for Global: Fieldset field

Frontpage display

Step 13: Set properties for Content: Lot Area field

Frontpage display

Step 14: Set properties for Content: Bedrooms field

Frontpage display

Step 15: Set properties for Content: Bathrooms field

Frontpage display

Step 16: Set properties for Content: Property Type field

Frontpage display

Step 17: At FIELDS area, click Rearrange button and set following properties:

Frontpage display

Step 18: At FILTER CRITERIA area, click Add button to add field Content: Type and set following properties:

Frontpage display

Step 19: At Advanced > CONTEXTTUAL FILTER area, click Add button to add field Content: Has taxonomy term ID and set following properties:

Frontpage display

Step 20: At Advanced > ORTHER area, click add CSS class:

Frontpage display

Step 21: At FORMAT area, find Format click and set properties:

Frontpage display

Step 22: At FORMAT area, find Format click Settings and set properties:

Frontpage display

Step 23: Click Save button

2. Configuration Site information

Step 1:Go to Configuration > System > Site information and set the following properties:

Frontpage configuration

Step 2: Click Save button

Properties: Quicktabs block

Front end Display

Properties block

Create and configure Quicktabs

Step 1: Navigate to Structure > Quicktabs, Add Quicktabs Instance Properties with the following settings:

Properties block

Step 2: Click Save button

Step 3: You can refer to Configuration > Search and metadata > URL Aliases to find ID of arguments

Properties block

Our Agents: Grid view

Front end Display

Agents display

1. Create and Configure Our Agents view

Step 1: Navigate to Structure > Views, click Add new view link to create Agents view with the following settings:

Agents display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Agents display

Step 3: At FIELDS area, click Add button to add fields: User: Picture, Global: Fieldset, User: Office, User: Full Name, User: Phone, User: Fax, User: Mobile, User: Emailfield.

Step 4: Set properties for User: Picture field

Agents display

Step 5: Set properties for Global: Fieldset field

Agents display

Step 6: Set properties for User: Office field

Agents display

Step 7: Set properties for User: Full Name field

Agents display

Step 8: At FIELDS area, click Rearrange, remove User: Name, then set the following arrangements:

Agents display

Step 9: At Advanced > CONTEXTUAL FILTERS, click Add button to add fields: User: Roles with following properties:

Agents display

Step 10: At FORMAT area, find Format click Settings and set properties:

Agents display

Step 11: At Advanced > ORTHER area, click add CSS class:

Agents display

Step 12: Click Save button

2. Configure View: Agents block

Step 1: Navigate to Structure > Blocks, Find block View: Agents and set following properties:

Agents display

Agents display

Step 2: Click Save button

Who We Are: Content Block

Front end Display

Who We Are

Create and configure block

Step 1: Navigate to Content > Add Blocks click to create Who We Are block with following properties:

Who We Are

Step 2: Navigate to Structure > Blocks, Find block Who We Are set following properties:

Who We Are

Who We Are

Why Choose Us block

Front end Display

Why Choose Us display

1. Create Why Choose Us view

Step 1: Navigate to Structure > Views, click Add new view link to create Why Choose Us view with the following settings:

Why Choose Us display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Why Choose Us display

Step 3: At FIELDS area, click Add button to add fields: Content: Body field and set properties:

Why Choose Us display

Step 4: At FORMAT area, find Format click Settings and set properties:

Why Choose Us display

Step 5: Click Save button

2. Configure Why Choose Us block

Step 1: Navigate to Structure > Blocks, find block View: Why Us and set following properties:

Why Choose Us display

Why Choose Us display

Step 2: Click Save button

Happy Clients block

Front end Display

Happy Clients display

1. Create Happy Clients view

Step 1: Navigate to Structure > Views, click Add new view link to create Happy Clients view with the following settings:

Happy Clients display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Happy Clients display

Step 3: At Advanced > RELATIONSHIP area, click Add button to add field Content: Author

Step 4: At FIELDS area, click Add button to add fields: User: Picture, User: Name, User: Occupation, Content: Body field

Step 5: Set properties for User: Picture field

Happy Clients display

Step 6: Set properties for User: Name field

Happy Clients display

Step 7: Set properties for User: Occupation field

Happy Clients display

Step 8: Set properties for Content: Body field

Happy Clients display

Step 9: At FIELDS area, click Rearrange, remove Content: Title

Step 10: At Advanced > ORTHER area, click add CSS class:

Happy Clients display

Step 11: Click Save button

2. Configure Happy Clients block

Step 1: Navigate to Structure > Blocks, find block View: Happy Clients and set following properties:

Happy Clients display

Happy Clients display

Step 2: Click Save button

Featured Properties block

Front end Display

Featured Properties display

1. Featured Properties view

Step 1: Navigate to Structure > Views, click Add new view link to create Featured Properties view with the following settings:

Featured Properties display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Featured Properties display

Step 3: At FIELDS area, click Add button to add fields: Field: Image, Global: Fieldset, Content: Body field

Step 4: Set properties for Field: Image field

Featured Properties display

Step 5: Set properties for Global: Fieldset field

Featured Properties display

Step 6: Set properties for Content: Body field

Featured Properties display

Featured Properties display

Step 7: At FIELDS area, click Rearrange button and set following properties:

Featured Properties display

Step 8: At Advanced > ORTHER area, click add CSS class:

Featured Properties display

Step 9: Click Save button

2. Configure Featured Properties block

Step 1: Navigate to Structure > Blocks, find block View: Featured Properties and set following properties:

Featured Properties display

Featured Properties display

Step 2: Click Save button

Properties block

Front end Display

Properties display

Create Properties view

Step 1: Navigate to Structure > Views, click Add views link, Create Properties view with following properties:

Properties

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Properties

Step 3: At FIELDS area, click Add button to add fields Global: Fieldset, Field: Image, Global: Fieldset, Content: Price, Content: Property Status, Global: Fieldset, Content: Address, Content: Business Type, Global: Fieldset, Content: Lot Area, Content: Bedrooms, Content: Bathroomsfield.

Step 4: Set properties for Field: Image field

Properties

Step 5: Set properties for Global: Fieldset field

Properties

Step 6: Set properties for Global: Fieldset field

Properties

Step 7: Set properties for Content: Price field

Properties

Step 8: Set properties for Content: Property Status field

Properties

Step 9: Set properties for Global: Fieldset field

Properties

Step 10: Set properties for Content: Address field

Properties

Step 11: Set properties for Content: Business Type field

Properties

Step 12: Set properties for Global: Fieldset field

Properties

Step 13: Set properties for Content: Lot Area field

Properties

Step 14: Set properties for Content: Bedrooms field

Properties

Step 15: Set properties for Content: Bathrooms field

Properties

Step 16: At FIELDS area, click Rearrange button and set following properties:

Properties

Step 17: At Advanced > EXPOSED FROM area, find Exposed form in block set properties:

Properties

Step 18: At Advanced > EXPOSED FROM area, find Exposed form style set properties:

Properties

Step 19: At Advanced > EXPOSED FROM area, find Exposed form style, then click BEF Settings and set properties:

Properties

Properties

Step 20: At FILTER CRITERIA area, click Add button to add field Content: Promoted to front page, Content: Business Type, Content: Location, Content: Property Type, Content: Lot Area, Content: Bedrooms, Content: Bathrooms, Content: Price, Content: Price fields

Step 21: Set properties for Content: Promoted to front page field:

Properties

Step 22: Set properties for Content: Business Type field:

Properties

Step 23: Set properties for Content: Location, field:

Properties

Step 24: Set properties for Content: Property Type field:

Properties

Step 25: Set properties for Content: Lot Area field:

Properties

Step 26: Set properties for Content: Bedrooms field:

Properties

Step 27: Set properties for Content: Bathrooms field:

Properties

Step 28: Set properties for Content: Price field:

Properties

Step 29: Set properties for Content: Price field:

Properties

Step 30: At FILTER CRITERIA area, click Rearrange button and set following properties:

Properties

Step 31: At SORT CRITERIA area, click Add button to add field Content: Sticky, Content: Price, Content: Updated date, Content: Bathrooms, Content: Bedrooms fields

Step 32: Set properties for Content: Sticky field:

Properties

Step 33: Set properties for Content: Price field:

Properties

Step 34: Set properties for Content: Updated date field:

Properties

Step 35: Set properties for Content: Bathrooms field:

Properties

Step 36: Set properties for Content: Bedrooms field:

Properties

Step 37: Set properties for Content: Post date field:

Properties

Step 38: At SORT CRITERIA area, click Rearrange button and set following properties:

Properties

Step 39: At Advanced > ORTHER area, click add CSS class:

Properties

Step 40: Click Save button

2. Configure Exposed form: properties-page block

Step 1: Navigate to Structure > Blocks, find Exposed form: properties-page block, click configure link and set the following properties:

Properties

Properties

Step 2: Click Save button

Properties Map block

Front end Display

Properties display

Create Properties block view

Step 1: Navigate to Structure > Views, find Properties view, click Add block button to create and setfollowing properties:

Properties

Step 2: At FIELDS area, click Add button to add fields CContent: Geo field.

Step 3: Set properties for Content: Geo field

Properties

Step 6: Set properties for Content: Address field

Properties

Step 7: At FIELDS area, click Rearrange button and set following properties:

Properties

Step 8: At FILTER CRITERIA area, click Rearrange button, then click Remove button to remove Content: Business Type, Content: Location, Content: Property Type, Content: Lot Area, Content: Bedrooms, Content: Bathrooms, Content: Price, Content: Price fields

Step 9: At SORT CRITERIA area, click Rearrange button, then click Remove button to remove Content: Price, Content: Updated date, Content: Bathrooms, Content: Bedrooms fields

Step 10: At FORMAT area, find Format click and set properties:

Frontpage display

Step 11: At FORMAT area, find Format click Settings and set properties:

Properties

Properties

Step 12: At PAGER > User pager area, click and set following properties:

Properties

Step 13: At Advanced > ORTHER area, click add CSS class:

Properties

Step 14: Click Save button

Configure View: Properties block

Step 1: Navigate to Structure > Blocks, find View: Properties block, click configure link and set the following properties:

Properties

Properties

Step 2: Click Save button

We are offer: Homepage2 block

Front end Display

We are offer display

1. Create We are offer: Homepage2 block view

Step 1: Navigate to Structure > Views, click Add new view link to create We are offer view with the following settings:

We are offer display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

We are offer display

Step 3: At FIELDS area, click Add button to add fields: Content: Body, Content: Icon field

Step 4: Set properties for Content: Icon field

We are offer display

Step 5: Set properties for Content: Body field

We are offer display

Step 6: At FIELDS area, click Rearrange button and set following properties:

We are offer display

Step 7: At Display name area, click and rename block view to Homepage 2 Block

Step 8: At FORMAT area, find Format click Settingslink and set properties:

We are offer display

Step 9: At Advanced > ORTHER area, click add CSS class:

We are offer display

Step 10: Click Save button

2. Configure View: We are offer: Homepage 2 Block block

Step 1: Navigate to Structure > Blocks, find block View: We are offer: Homepage 2 Block and set following properties:

We are offer display

We are offer display

Step 2: Click Save button

Featured Properties: Homepage2 block

Front end Display

Featured Properties display

1. Create Featured Properties: Homepage2 block view

Step 1: Navigate to Structure > Views, find Featured Properties view, click Add block button to create Homepage 2 Block block view with the following settings:

Featured Properties display

Step 2: At Display name area, click and rename block view to Homepage 2 Block

Step 3: At FIELDS area, click Add button to add fields: Global: Fieldset, Content: Price, Global: Fieldset, Content: Address, Content: Business Type, Global: Fieldset, Content: Lot Area, Content: Bedrooms, Content: Bathrooms field

Step 4: Set properties for Global: Fieldset field

Featured Properties display

Step 5: Set properties for Content: Price field

Featured Properties display

Step 6: Set properties for Global: Fieldset field

Featured Properties display

Step 7: Set properties for Global: Fieldset field

Featured Properties display

Step 8: Set properties for Content: Address field

Featured Properties display

Featured Properties display

9 Set properties for Content: Business Type field

Featured Properties display

Step 10: Set properties for Global: Fieldset field

Featured Properties display

Step 11: Set properties for Content: Lot Area field

Featured Properties display

Step 12: Set properties for Content: Bedrooms field

Featured Properties display

Step 13: Set properties for Content: Bathrooms field

Featured Properties display

Step 14: At FIELDS area, click Rearrange button then click Remove link to remove Content: Body field and set following properties:

Featured Properties display

Step 15: At FORMAT area, find Format click and set properties:

Featured Properties display

Step 16: At FORMAT area, find Format click Settingslink and set properties:

Featured Properties display

Step 17: At Advanced > ORTHER area, click add CSS class:

Featured Properties display

Step 18: Click Save button

2. Configure Featured Properties: HomePage 2 Block block

Step 1: Navigate to Structure > Blocks, find block View: Featured Properties: HomePage 2 Block and set following properties:

Featured Properties display

Step 2: Click Save button

Lasted Properties: Quicktab block

Front end Display

Frontpage display

1. Create Frontpage: Homepage2 page view

Step 1: Navigate to Structure > Views, find Frontpage view, then click clone Page button to create HomePage2 view with the following fields:

Frontpage configuration

Step 2: At PAGER > User pager click and set propeeties:

Frontpage display

Step 3: At PAGER SETTINGS > Path click and set propeeties:

Frontpage display

Step 4: At FORMAT area, find Format click Settings and set properties:

Frontpage display

Step 5: Click Save button

2. Create Quicktab: Lasted Properties

Step 1: Navigate to Structure > Quicktabs, Add Quicktabs Instance Lasted Properties with the following settings:

Lasted Propertiess block

Step 2: Click Save button

News : Homepage2 Block block

Front end Display

News display

1. Create Blogs: Homepage2 block view

Step 1: Navigate to Structure > Views, click Add new view link to create Blogs view with the following settings:

News display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

News display

Step 3: At Advanced > RELATIONSHIP area, click Add button to add field Content: Author

Step 4: At FIELDS area, click Add button to add fields: Global: Fieldset, Field: Image, Content: Gallery, Content: Video, Content: Post date, Content: Body, Content: Link field

Step 5: Set properties for Global: Fieldset field

News display

Step 6: Set properties for Field: Image field

News display

Step 7: Set properties for Content: Gallery field

News display

Step 8: Set properties for Content: Video field

News display

News display

Step 9: Set properties for Content: Post date field

News display

Step 10: Set properties for Content: Body field

News display

Step 11: Set properties for Content: Link field

News display

Step 12: At FIELDS area, click Rearrange button then click Remove link to remove Content: Title field and set following properties:

News display

Step 13: At Display name area, click and rename block view to Homepage 2 Block

Step 14: At FORMAT area, find Format click Settingslink and set properties:

News display

Step 15: At Advanced > ORTHER area, click add CSS class:

News display

Step 16: Click Save button

2. Configure View: Blogs: Homepage 2 Block block

Step 1: Navigate to Structure > Blocks, find block View: Blogs: Homepage 2 Block and set following properties:

News display

Step 2: Click Save button

Property Types Filter: Homepage3 Block block

Front end Display

Property Types Filter display

1. Create Property Types Filter view

Step 1: Navigate to Structure > Views, click Add new view link to create Property Types Filter view with the following settings:

Property Types Filter display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Property Types Filter display

Step 3: At FIELDS area, set properties for Taxonomy term: Name field

Property Types Filter display

Step 4: Click Save button

2. Clone page view

Step 1: Navigate to Structure > Views, find Frontpage view, then click clone Page button to create HomePage3 page view with the following fields:

Frontpage configuration

Step 2: At HEDAER area click Add button to add fields: Global: Text area, Global: View area

Step 3: Set properties for Global: Text area field

Frontpage display

Step 4: Set properties for Global: View area field

Frontpage display

Step 5: At PAGER SETTINGS > Path click and set propeeties:

Frontpage display

Step 6: At FORMAT area, find Format click and set properties:

Frontpage display

Step 7: Click Save button

Contact Detail: Custom block

Front end Display

Contact Detail

Create & configure block

Step 1: Navigate to Structure > Blocks Add block Contact Detail with the following properties:

Contact Detail

Refer to following HTML code:

                                    

Pellentesque nec erat. Aenean semper, neque non faucis. Malesuada, dui felis tempor felis, vel varius ante diam ut mauris.

Office : 1-800-666-8888

Mobile : 0800-666-6666

Fax : 1-800-666-8888

Mail: [email protected]

Newsletter: Subscribe block

Front end Display

Newsletter display

Configure block

Step 1: Go to Module, find Simplenews module. Click Permission link

Step 2: Find Simplenews section, set following properties:

Newsletter display

Step 3: Go to Module, find Simplenews module. Click Configure link. Go to click Add newsletter category then create Real Estast newsletter with following properties:

Newsletter display

Step 5: Go to Structure > Blocks, find Newsletter: Real Estast newsletter block. Click Configure link and set following properties:

Newsletter display

Pager menu

Front end Display

Pager menu

1. Create Pager menu

Step 1: Navigate to Structure > Menu, click Add menu, then create Pager menu with list link

Pager menu

Step 2: Click Save button

2. Configure Pager menu

Step 1: Navigate to Structure > Blocks, find Pager menu block, click configure link and set the following properties:

Pager menu

Step 2: Click Save button

Useful links menu

Front end Display

Useful links menu

1. Create Useful links menu

Step 1: Navigate to Structure > Menu, click Add menu, then create Useful links menu with list link

Useful links menu

Step 2: Click Save button

2. Configure Useful links menu

Step 1: Navigate to Structure > Blocks, find Useful links menu block, click configure link and set the following properties:

Useful links menu

Step 2: Click Save button

Copyright: Custom block

Front end Display

Copyright display

Create & configure block

Navigate to Structure > Blocks, click Add block link, Create Copyright block with the following properties:

Copyright display

Refer to following HTML code:

                                    

Powered by Drupal | Developed by WeebPal | Designed by PixelGeekLab
All Rights Reserved.


Create Subpages

Sidebar first: Our Agents

Front end Display

Agents display

1. Create and configure Our Agents block view

Step 1: Navigate to Structure > Views, find Agents view then click Add block button to create Our Agents block view with the following settings:

Agents display

Step 2: At FORMAT area, find Format click Settings and set properties:

Agents display

Step 3: At PAGER > User pager area, click and set following properties:

Agents display

Agents display

Step 4: At TITLE Titlte ares, click and rename title to Our Agents block

Step 5: At FIELDS area, click Add button to add fields User: Link field and set properties:

Agents display

Step 6: At FIELDS area, click Rearrange button and set following properties:

Agents display

Step 7: At Advanced > ORTHER area, click add CSS class:

Agents display

Step 8: Click Save button

2. Configure View: Agents block

Step 1: Navigate to Structure > Blocks, find block View: Agents and set following properties:

Agents display

Step 2: Click Save button

Sidebar first: Happy Clients block

Front end Display

Happy Clients display

1. Create Happy Clients view

Step 1: Navigate to Structure > Views,find Happy Clients view then click clone Block button to create block with the following settings:

Happy Clients display

Step 2: At PAGER > User pager area, click and set following properties:

Happy Clients display

Happy Clients display

Step 3: At Advanced > ORTHER area, click add CSS class:

Happy Clients display

Step 4: Click Save button

2. Configure View: Happy Clients block

Step 1: Navigate to Structure > Blocks, find block View: Happy Clients and set following properties:

Happy Clients display

Step 2: Click Save button

Sidebar first: Posts by Category block

Front end Display

Posts by Category

Step 1: Navigate to Structure > Views, click Add views link, Create Posts by Category view with following properties:

Posts by Category

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Posts by Category

Step 3: At OTHER area, find User aggregation click and set properties:

Posts by Category

Step 4: At Advanced > RELATIONSHIP area, click Add button to add field Taxonomy term: Content with term

Step 5: At FIELDS area, click Add button to add fields: Taxonomy term: Name field and set properties:

Posts by Category

Posts by Category

Step 6: Click Save button

2. Configure View: Posts by Category block

Step 1: Navigate to Structure > Blocks, find block View: Posts by Category' and set following properties:

Posts by Category

Step 2: Click Save button

Sidebar first: Search form block

Front end Display

Search form

Configure Search form block

Step 1: Navigate to Structure > Blocks, find Search form block and set following properties:

Search form

Step 2: Click Save button

Sidebar first: Ads block

Front end Display

Ads

Step 1: Navigate to Structure > Views, click Add views link, Create Ads view with following properties:

Ads

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Ads

Step 3: At FIELDS area, click Add button to add fields: Field: Image field and set properties:

Ads

Step 4: At FIELDS area, click Rearrange button then click Remove link to remove Content: Title field

Step 5: At Advanced > ORTHER area, click add CSS class:

Ads

Step 6: Click Save button

2. Configure View: Ads block

Step 1: Navigate to Structure > Blocks, find block View: Ads and set following properties:

Ads

Step 2: Click Save button

Sidebar first: Tags in Tags block

Front end Display

Tags in Tags

Configure Tags in Tags block

Step 1: Navigate to Structure > Blocks, find Tags in Tags block and set following properties:

Tags in Tags

Step 2: Click Save button

Sidebar first: Gallery block

Front end Display

Gallery

Step 1: Navigate to Structure > Views, click Add views link, Create Gallery view with following properties:

Gallery

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Gallery

Step 3: At FIELDS area, click Add button to add fields: Field: Image field and set properties:

Gallery

Step 4: At FIELDS area, click Rearrange button then click Remove link to remove Content: Title field

Step 5: At FILTER CRITERIA area, click Add button to add field Field: Image field and set properties:

Gallery

Step 6: At FORMAT area, find Format click Settings and set properties:

Gallery

Step 7: At Advanced > ORTHER area, click add CSS class:

Gallery

Step 8: Click Save button

2. Configure View: Gallery block

Step 1: Navigate to Structure > Blocks, find block View: Gallery and set following properties:

Gallery

Step 2: Click Save button

Sidebar frist: Quicktab : Blog Sidebar Tab

Front end Display

Blog display

1. Create Blogs block view

Step 1: Navigate to Structure > Views,find Blogs view to then click clone Block to create Block with the following settings:

Blog display

Step 2: At FIELDS area, click Add button to add fields: Content: Title, Content statistics: Total views field

Step 3: Set properties for Content: Title field

Blog display

Blog display

Step 4: Set properties for Content statistics: Total views field

Blog display

Step 5: Set properties for Field: Image field

Blog display

Step 6: At FIELDS area, click Rearrange button then click Remove link to remove Global: Fieldset, Content: Gallery, Content: Video, Content: Post date, Content: Body, Content: Link field and set following properties:

Blog display

Step 7: At FILTER CRTERIA area, click Add button to add fields: Field: Image:fid and set following properties:

Blog display

Step 8: At SORT CRTERIA area, click Add button to add fields: Content statistics: Total views and set following properties:

Blog display

Step 9: At SORT CRTERIA area,click Rearrange button set following properties:

Blog display

Step 10: At TITLE Title area, click and rename title block view to Popular Blogs

Step 11: At FORMAT area, find Format click and set properties:

Blog display

Step 12: At PAGER User pager click and set propeeties:

Blog display

Blog display

Step 13: At Advanced > ORTHER area, click add CSS class:

Blog displayBlog display

Step 14: Click Save button

2. Create Quicktab: Blog Sidebar Tab

Step 1: Navigate to Structure > Quicktabs, Add Quicktabs Instance Blog Sidebar Tab with the following settings:

Blog Sidebar Tab

Blog Sidebar Tab

Step 2: Click Save button

3. Configure Blog Sidebar Tab block

Step 1: Navigate to Structure > Blocks, find block Blog Sidebar Tab and set following properties:

News display

Step 2: Click Save button

About Us page

We are offer block

Front end Display

We are offer display

Clone We are offer: subpages2 block view

Step 1: Navigate to Structure > Views, find We are offer view then click Clone subpages2 block button to create block view with the following settings:

We are offer display

Step 2: At Display name click and rename to view Block

Step 3: Click Save button

About us content

Front end Display

About us display

Create About us content

Step 1: Navigate to Content > Add content, find Basic page click link to create About us content with the following settings:

About us display

About us display

Step 2: Click Save button

3. Our team block

Front end Display

Our team display

1. Create Our team view

Step 1: Navigate to Structure > Views, click Add new view link to create Our team view with the following settings:

Our team display

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Our team display

Step 3: At HEADER area, click Add button to add field Global: Text area and set following properties:

Our team display

Step 4: At FIELDS area, click Add button to add fields: User: Picture, Global: Fieldset, User: Facebook, User: Gplus, User: Twitter, User: Position, Field: Description, User: Link field

Step 5: Set properties for Global: Fieldset field

Our team display

Step 6: Set properties for User: Picture field

Our team display

Step 7: Set properties for User: Facebook field

Our team display

Step 8: Set properties for User: Gplus field

Our team display

Step 9: Set properties for User: Twitter field

Our team display

Step 10: Set properties for User: Position field

Our team display

Step 11: Set properties for Field: Description field

Our team display

Our team display

Step 12: Set properties for User: Link field

Our team display

Step 13: At FIELDS area, click Rearrange button then click and set following properties:

Our team display

Step 14: At Advanced > ORTHER area, click add CSS class:

Our team display

Step 15: Click Save button

Agents page

Front end Display

Agents

1. Create Agents view

Step 1: Navigate to Structure > Views, find Agents view click Add Page button to create with following properties:

Agents display

Step 2: At FIELDS area, set properties for User: Picture field

Agents display

Step 3: At TITLE Title area, click and rename title to Our Agents

Step 4: At FORMAT area, find Format click Settings and set properties:

Agents display

Step 5: At PAGER SETTINGS > Path click and set propeeties:

Agents display

Step 6: At PAGER > User pager area, click and set following properties:

Agents display

Step 7: At Advanced > ORTHER area, click add CSS class:

Agents display

Step 8: Click Save button

2. Create Featured Agents block

Step 1: Navigate to Structure > Views, find Agents view then click Add block button to create Featured Agentss block view with the following settings:

Agents display

Step 2: At FORMAT area, find Format click Settings and set properties:

Agents display

Step 3: At PAGER > User pager area, click and set following properties:

Agents display

Step 4: At TITLE Titlte ares, click and rename titlw to Featured AgentsStep 5: Click Save button

3. Configure View: Agents: Bock 2 block

Step 1: Navigate to Structure > Blocks, find View: Agents: Block 2 block, click configure link and set the following properties:

Agents display

Agents display

Step 2: Click Save button

Properties page

Front end Display

Properties

1. Create and configure Page : Three Column view

Step 1: Navigate to Structure > Views, find Properties view, click clone Page button to create and set following properties:

Properties

Step 2: At FIELDS area, click Add button to add fields Broken/missing handler, Broken/missing handler field.

Step 3: Set properties for Broken/missing handler

Properties

Step 4: Set properties for Field: Image

Properties

Step 5: At FIELDS area, click Rearrange button and set following properties:

Properties

Step 6: At FORMAT area, find Format click and set properties:

Properties

Step 7: At FORMAT area, find Format click Settings and set properties:

Properties

Step 8: At PAGER > User pager area, click and set following properties:

Properties

Step 9: At PAGE SETTINGS > Path area, click and set following properties:

Properties

Step 10: Click Save button

2. Create and configure Page : Map view

Step 1: Navigate to Structure > Views, find Properties view, click clone Page button to create and set following properties:

Properties

Step 2: At FIELDS area, click Add button to add fields Content: Geo field.

Step 3: Set properties for Content: Geo

Properties

Step 4: Set properties for Field: Image

Properties

Step 5: At FIELDS area, click Rearrange button then click Remove link to remove following Global: Fieldset field and set following properties:

Properties

Step 6: At FORMAT area, find Format click and set properties:

Properties

Step 7: At FORMAT area, find Format click Settings and set properties:

Properties

Step 8: At PAGER > User pager area, click and set following properties:

Properties

Step 9: At PAGE SETTINGS > Path area, click and set following properties:

Properties

Step 10: At Advanced > ORTHER area, click add CSS class:

Properties

Step 11: Click Save button

3. Create and configure Page : List view

Step 1: Navigate to Structure > Views, find Properties view, click clone Page button to create and set following properties:

Properties

Step 2: At FIELDS area, set properties for Field: Image

Properties

Step 3: At FORMAT area, find Format click and set properties:

Properties

Step 4: At PAGE SETTINGS > Path area, click and set following properties:

Properties

Step 5: At Advanced > ORTHER area, click add CSS class:

Properties

Step 6: Click Save button

4. Featured Properties block

Step 1: Navigate to Structure > Views, find Featured Properties view, click Add block button to create block view with the following settings:

Featured Properties display

Step 2: At TITLE Title area, click and rename title to Featured Properties

Step 3: At FORMAT area, find Format click and set properties:

Featured Properties display

Step 4: At FORMAT area, find Format click Settings link and set properties:

Featured Properties display

Step 5: Click Save button

5. Configure View: Featured Properties block

Step 1: Navigate to Structure > Blocks, find View: Featured Properties block, click configure link and set the following properties:

Properties

Properties

Step 2: Click Save button

Properties Deatail page

Front end Display

Properties display

1. Create Related Properties view

Step 1: Navigate to Structure > Views, click Add views link, Create Related Properties view with following properties:

Related Properties

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Related Properties

Step 3: At Advanced > RELATIONSHIP area, click Add button to add field Content: Author

Step 4: At FIELDS area, click Add button to add fields Global: Fieldset, Field: Image, Global: Fieldset, Content: Price, Content: Property Status, Global: Fieldset, Content: Address, Content: Business Type, Global: Fieldset, Content: Lot Area, Content: Bedrooms, Content: Bathroomsfield.

Step 5: Set properties for Field: Image field

Related Properties

Step 6: Set properties for Global: Fieldset field

Related Properties

Step 7: Set properties for Global: Fieldset field

Related Properties

Step 8: Set properties for Content: Price field

Related Properties

Step 9: Set properties for Content: Property Status field

Related Properties

Step 10: Set properties for Global: Fieldset field

Related Properties

Step 11: Set properties for Content: Address field

Related Properties

Step 12: Set properties for Content: Business Type field

Related Properties

Step 13: Set properties for Global: Fieldset field

Related Properties

Step 14: Set properties for Content: Lot Area field

Related Properties

Step 15: Set properties for Content: Bedrooms field

Related Properties

Step 16: Set properties for Content: Bathrooms field

Related Properties

Step 17: At FIELDS area, click Rearrange button and set following properties:

Related Properties

Step 18: At FORMAT area, find Format click Settingslink and set properties:

Related Properties

Step 19: At Advanced > ORTHER area, click add CSS class:

Related Properties

Step 20: Click Save button

2. Configure View: Related Properties block

Step 1: Navigate to Structure > Blocks, find View: Related Properties block, click configure link and set the following properties:

Related Properties

Related Properties

Step 2: Click Save button

Blog View Teaser page

Front end Display

Blogs

Create and configure Blogs view

Step 1: Navigate to Structure > Views, find Blogs view then click Add Page button to create Page view with following properties:

Blog View Teaser

Step 2: At PAGER SETTINGS > Path click and set propeeties:

Blog View Teaser

Step 3: At FORMAT area, find Format click and set properties:

Blog View Teaser

Step 4: At FORMAT area, find Show click and set properties:

Blog View Teaser

Step 5: At Advanced > ORTHER area, click add CSS class:

Blog View Teaser

Step 6: Click Save button

Blog Field Demo page

Create and configure Blogs view

Step 1: Navigate to Structure > Views, find Blogs view then click Add Page button to create Page view with following properties:

Blog Field Demo

Step 2: At PAGER SETTINGS > Path click and set propeeties:

Blog Field Demo

Step 3: At FORMAT area, find Show click and set properties:

Blog Field Demo

Step 4: At FIELDS area, click Add button to add fields: Global: Fieldset, Field: Image, Content: Gallery, Content: Video, Global: Fieldset, User: Full Name, Content: Type, Content: Post date, Content: Comment count, User: Link, Content: Body, Content: Link field

Step 5: Set properties for Global: Fieldset field

Blog Field Demo

Step 6: Set properties for Field: Image field

Blog Field Demo

Step 7: Set properties for Content: Gallery field

Blog Field Demo

Blog Field Demo

Step 8: Set properties for Content: Video field

Blog Field Demo

Step 9: Set properties for Global: Fieldset field

Blog Field Demo

Step 10: Set properties for User: Full Name field

Blog Field Demo

Step 11: Set properties for Content: Type field

Blog Field Demo

Step 12: Set properties for Content: Post date field

Blog Field Demo

Blog Field Demo

Step 13: Set properties for Content: Comment count field

Blog Field Demo

Step 14: Set properties for User: Link field

Blog Field Demo

Step 15: Set properties for Content: Body field

Blog Field Demo

Blog Field Demo

Step 16: Set properties for Content: Link field

Blog Field Demo

Step 17: At FIELDS area, click Rearrange button and set following properties:

Blog Field Demo

Step 18: At Advanced > ORTHER area, click add CSS class:

Blog Field Demo

Step 19: Click Save button

Blog Isotope page

Create and configure Blogs view

Step 1: Navigate to Structure > Views, find Blogs view then find Page : Blog Field Demo click clone Page button to create Page view with following properties:

Blog Isotope

Step 2: At PAGER SETTINGS > Path click and set propeeties:

Blog Isotope

Step 3: At FORMAT area, find Format click and set properties:

Blog Isotope

Step 4: At FIELDS area, click Add button to add fields: Global: Fieldset field

Step 5: Set properties for Global: Fieldset field
Blog Isotope

Step 6: Set properties for Field: Image field

Blog Isotope

Step 7: Set properties for Content: Gallery field

Blog Isotope

Step 8: Set properties for Content: Video field

Blog Isotope

Blog Isotope

Step 9: Set properties for Content: Body field

Blog Isotope

Blog Isotope

Step 10: At FIELDS area, click Rearrange button then click Remove link to remove Content: Link field and set following properties:

Blog Isotope

Step 11: At Advanced > ORTHER area, click add CSS class:

Blog Isotope

Step 12: Click Save button

FAQ page

Front end Display

FAQ

Step 1: Navigate to Structure > Views, click Add views link, Create FAQ view with following properties:

FAQ

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

FAQ

Step 3: At FIELDS area, click Add button to add fields: Content: Body field.

Step 4: Set properties for Content: Body field

FAQ

Step 5: Set properties for Content: Title field

FAQ

Step 6: At FORMAT area, find Format click Settings and set properties:

FAQ

Step 7: At Advanced > ORTHER area, click add CSS class:

FAQ

Step 8: Click Save button

Contact

Front end Display

Contact

Contact Page Header block

Note Make sure Contact module was installed.

Navigate to Structure > Blocks, Add block Contact Page Header with the following settings:

Contact

Refer to the following HTML code:

                                    

ALOHA!

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.

United states

5th Avenue, 10019 New York, United States
+1 310 666 8888
+1 310 666 9999
[email protected]

Canada

Alexander Street, Vancouver, BC V6A 1E1, Canada
+1 310 666 8888
+1 310 666 9999
[email protected]

Italy

Pzza Martiri Olivetta, 16, 16034, Portofino, Italy
+1 310 666 8888
+1 310 666 9999
[email protected]

Step 2 Click Save block button.

Get In Touch 1

Front end Display

Contact

Create webform type

Step 1:Navigate to Content > Add content > Webform

Step 2: At WEBFORM > Form components add fields:

Contact

Create and configure context

1. Context about_us

Step 1: Navigate to Structure > Context click Add link to create about_us context ans set following properties:

Context

Context

Step 2: Click Save button

2. Context blog_sidebar

1. Create context

Step 1: Navigate to Structure > Context click Add link to create blog_sidebar context ans set following properties:

Context

Context

Step 2: Click Save button

2. Configure Flickr: Node author photos optionally tagged as term from node block

Step 1: Navigate to Structure > Blocks, find Flickr: Node author photos optionally tagged as term from node block, click configure link and set the following properties:

Configure display

Step 2: Click Save button

3. Context order_properties_default

1. Create context

Step 1: Navigate to Structure > Context click Add link to create order_properties_default context ans set following properties:

Context

Context

Step 2: Click Save button

2. Configure Exposed form: properties-page block

Step 1: Navigate to Structure > Blocks, find Exposed form: properties-page block, click configure link and set the following properties:

Configure display

Configure display

Step 2: Click Save button

3. Configure Properties Demo Menu block

Step 1: Navigate to Structure > Blocks, find Properties Demo Menu block, click configure link and set the following properties:

Configure display

Configure display

Step 2: Click Save button

4. Context order_properties_list

1. Create context

Step 1: Navigate to Structure > Context click Add link to create order_properties_list context ans set following properties:

Context

Context

Step 2: Click Save button

2. Configure Exposed form: properties-page_3 block

Step 1: Navigate to Structure > Blocks, find Exposed form: properties-page_3 block, click configure link and set the following properties:

Configure display

Configure display

Step 2: Click Save button

5. Context order_properties_map

1. Create context

Step 1: Navigate to Structure > Context click Add link to create order_properties_map context ans set following properties:

Context

Context

Step 2: Click Save button

2. Configure Exposed form: properties-page_2 block

Step 1: Navigate to Structure > Blocks, find Exposed form: properties-page_2 block, click configure link and set the following properties:

Configure display

Configure display

Step 2: Click Save button

6. Context order_three_columns

1. Create context

Step 1: Navigate to Structure > Context click Add link to create order_three_columns context ans set following properties:

Context

Context

Step 2: Click Save button

2. Configure Exposed form: properties-page_1 block

Step 1: Navigate to Structure > Blocks, find Exposed form: properties-page_1 block, click configure link and set the following properties:

Configure display

Configure display

Step 2: Click Save button

7. Context property_sidebar

Step 1: Navigate to Structure > Context click Add link to create property_sidebar context ans set following properties:

Context

Context

Step 2: Click Save button


Site Information Configuration

In this section, you can change basic settings, such as the site name, slogan, e-mail address.

1. Log in to Administration page by administrator account

2. Navigate to the Site Information page Configuration > System: Site information

Site Information

3. Change site details from the view:

  1. Site name
  2. Slogan
  3. E-mail address
  4. Set Default Front page

4. Click on Save configuration to finish editing.


Main Menu

Real Estast theme supports three menu types: default menu, superfish, tb megamenu

Create Default Menu

We have created views. You can visit [your website]/admin/content with the admin account to add some new contents.

And now, you can follow the steps below to create a menu structure

Step 1: Navigate to Structure > Menus

Step 2: In Main Menu area, click list links operator

Step 3: Click Add link to add a new link

Step 4: Add following links structure

Menu configuration

TB Mega Menu


Color Configuration

1. Create a new color.

Step 1: Navigate to the directory: real_estast/sites/all/themes/real_estast, you can find file real_estast.info, open this file.

Color Configuration

Step 2: Locate the skin[ ] arrays and add new code row:

Color Configuration

Step 3: Save file.

Step 4: Navigate to the directory: real_estast/sites/all/themes/real_estast/css/colors, clone a folder, then rename it "new_color"

Color Configuration

Step 5: new_color folder includes images folder and style.css file.

Now, you can style new color for the theme by modifying style.css file.

Color Configuration

2. Colors configuration.

Step 1: Log in the website by administrator account.

Step 2: Go to Appearance find Real Estast 7.31 theme, click on Settings

Step 3: At CONFIGS area, select a color from Skin drop-down list to set as default, (e.g: New Color). At TOGGLE DISPLAY area, check Show Skins Menu option if you want to display Skins menu on front page.

Color Configuration

From our blog

News & Events

Max
Tuesday, 03 November 2015
Max
Saturday, 24 October 2015
admin
Sunday, 15 February 2015
admin
Thursday, 08 January 2015
admin
Wednesday, 17 December 2014

Subscribe to our mailing list

Get a 20% off coupon and be the first to receive exclusive offer, and important events from WeebPal.

Connect with us

We're on Social Networks. Follow us & get in touch.

▲ Top
Subscribe

Get a 20% off coupon and be the first to receive exclusive offer, and important events from WeebPal.