With {Theme} comes many custom shortcodes for VC that are used to show content created in WPL plugin. Below you will find short information about this VisualComposer elements:

Agency Box

This element have single tab with option to customise the way how the agency box will be shown. This item let you show all the information and the logo used by the Agency.

General

• ID  – it can be checked in WPL in User Manager section by:
  • a) Choose User Manager from WPL section
    

    Going to User Manager

  • b) Copy one of the WPL’s user id to the Agency box Settings
    

    Avaliable ids

• Style  – choose the style of the element
  1. Light
     

     Light version

  2. Dark
     

     Dark version

  To set the background Parallax image for this element please go to the General tab in Row Settings option and add the image via Image option (2) from your Media Library, Set the Parallax type to Simle (1) and set Parallax speed to 1.5 (3)

  

  Row Settings

Agents listing

This element have two tabs with option to customise the way how the multiplies profiles of the agents will be visible on the site.

General

• Title – set the title for this section
• Image Width – set the width of the image
• Image Height – set the width of the image
• CSS Class – add custom css class

Sort and limit

• Order by
  1. First Name
  2. Country
  3. State
  4. Properties count
• Order  – set the order of the agents
  1. Ascending
  2. Descending
• Limit – set limit of the agents visible on the site

Profile Box

This type of element will let you show all the information about the WPL User chosen by its id. Profile Box have avaliablw two options to custom this element:

General

• Default profile id – it can be checked in WPL in User Manager section by:
  • a) Choose User Manager from WPL section
    

    Going to User Manager

  • b) Copy one of the WPL’s user id to the Profile box Settings
    

    Avaliable ids

• Style – this element have 2 avaliable styles:
  

  Profile Box – Light

  1. Dark
  2. Light –  this version is using white color for the font and borders, so it won’t be visible on default VC Row background. The background of this element can be changed by
     • a) Click on Edit Row option
       

       Edit Row options

     • b) Go to General tab and choose background color via Background option to make the text visible
     • 

       Item Settings for Row

     • c) In General Tab, set Row stretch to Stretch row to make the background color full width
     • 

       Row Settings

Properties map with searchbox

This element have sigle tab with option to customise the way how the map will be shown on the site:

Map

1. Custom map Style – use one of custom maps styles avaliable on Snazzy Maps site (this option is not compatible with Map Type control)
2. Custom map height – enter map height (in pixels or leave empty for responsive map)
3. Zoom value – set custom zoom value, eg. 10. Please note the map will automatically expand to show all markers.
4. Map Type control
   • Theme default
   • Roadmap
   • Satellite
   • Hybrid
   • Terrain
5. Scale control – choose between Yes/No
6. Google Maps search control – choose between Yes/No
7. My position control – choose between Yes/No (Works only with https)
8. Use custom markers for this map –  choose between Yes/No
9. Use custom markers for this map –  choose between Yes/No. This way you can add your own custom markers from Media library. Another way to add your custom markers is via Realtyna. This markers can be added on path WPL > Data structure > Listing Types. You will be able to add there your own markers and  assing them to Listing type
   

   Using Realtyna markers

By Properties map element you will display a map with markers showing all of the estate locations. The information of the location can be added on path  WPL > Add Listing > Adress Map by changing  location of the marker. You can also edit the location of already existing property by going to WPL > Listing Managere > Edit > Adress Map. 

Properties map

This element have 2 tabs with option to customise the way how the map will be shown on the site:

General

1. Custom map Style – use one of custom maps styles avaliable on Snazzy Maps site (this option is not compatible with Map Type control)
2. Custom map height – enter map height (in pixels or leave empty for responsive map)
3. Zoom value – set custom zoom value, eg. 10. Please note the map will automatically expand to show all markers.
4. Map Type control
   • Theme default
   • Roadmap
   • Satellite
   • Hybrid
   • Terrain
5. Scale control – choose between Yes/No
6. Google Maps search control – choose between Yes/No
7. My position control – choose between Yes/No (Works only with https)

Icons

1. Use custom markers for this map –  choose between Yes/No. This way you can add your own custom markers from Media library. Another way to add your custom markers is via Realtyna. This markers can be added on path WPL > Data structure > Listing Types. You will be able to add there your own markers and  assign them to Listing type
   

   Using Realtyna markers

By Properties map element you will display a map with markers showing all of the estate locations. The information of the location can be added on path  WPL > Add Listing > Adress Map by changing  location of the marker. You can also edit the location of already existing property by going to WPL > Listing Managere > Edit > Adress Map. 

Properties mini listing

Give you option to show list of properties created in WPL plugin on path WPL > Listing Manager

This element have 4 tabs with option to customise the way how the list of the properties will be shown:

General

1. Title (avaliable for Latest listing and Latest listing transaprent)
2.  Template
   

   Property mini listing templates

   • Mini listing (1)
   • Latest listing (2)
   • Latest listing transparent (3)
3. View more text – add link that for View more
4. View more link – add link that for View more
5. CSS class – add custom css class you want to use to style this element

Filter Properties

1. Kind (only avaliable option: Property) 
2. Listing – choose which listing will be shown
   • All
   • For sale
   • Fo Rent
   • Vacation rental
   • You can add your own custom
3. Property type – choose visible types
   • All
   • Office
   • Apartment
   • Land
   • Villa
   • You can add your own custom
4. Listing IDs (Comma Separated) – add which properties will be shown based on the ID
5. Random – randomize visible list
6. Only Featured – choose between Yes/No
7. Only Hot Offer – choose between Yes/No
8. Only Open House – choose between Yes/No
9. Only Foreclosure – choose between Yes/No

Sort and Limit

1. Order by – give you option to order the list by:
   • Add date
   • Listing ID
   • Built up Area
   • Price
   • Pictures
2. Order
   • Ascending
   • Descending
3. Number of properties – set number of visible properties visible on single page

Buttons

1. Enabled – choose between Yes/No
2. Title – button visible inside the button
3. Link
4. Size – avaliable 4 button sizes
   • Default
   • Extra small
   • Small
   • Large
5. Style – avaliable 8 buttons style
   • Estato Default
   • Estato Primary
   • Estato Success
   • Estato Info
   • Estato Warning
   • Estato Danger
   • Estato Dark
   • Estato Link
6. Transparent Estato Style – choose between Yes/No
7. Custom CSS class – add custom css class you want to use to style this element

Properties listing

Give you option to show list of properties created in WPL plugin on path WPL > Listing Manager

This element have 4 tabs with option to customise the way how the list of the properties will be shown:

General

1. Title – set title for the list
2. Type listing view – choose between two views:
   • Grid
     

     Grid

   • List
     

     List

3. CSS Class – add custom css class you want to use to style this element
4. View more text – change text that will be shown for view more link
5. View more link – add link that for View more
6. Columns count in grid view – set number of columns avaliable for grid view
7. Show additional options
   • Sort options and pagination
   • Sort options
   • Pagination
   • None
8. Boxes size
   • Big
   • Small

Filter Properties

1. Kind (only avaliable option: Property) 
2. Listing – choose which listing will be shown
3. Property type – choose visible types
4. Listing IDs (Comma Separated) – add which properties will be shown based on the ID
5. Random – randomize visible list
6. Only Featured – choose between Yes/No
7. Only Hot Offer – choose between Yes/No
8. Only Open House – choose between Yes/No
9. Only Foreclosure – choose between Yes/No

Sort and Limit

1. Order by – give you option to order the list by:
   • Add date
   • Listing ID
   • Built up Area
   • Price
   • Pictures
2. Order
   • Ascending
   • Descending
3. Number of properties – set number of visible properties visible on single page

Properties search

With this element used on your site you will be able to search for the estates avaliable on your site. Below you will find information how to customize this elements.

This element isn’t customizable via Visual composer, all the changes to this element can be added by WPL options that can be found on path Appearance > Theme Settings > Searchbox

For Searchbox you will be able to set:

1. Title – title visible for your searchbox
2. Kind – type of item it will be search from
3. Layout – choose from two of avaliables layouts
   • default
   • simple
4. Target page – set the target page in which the Search will be looking for the estates
5. Css Class – you can add custom css class that can be used for adding custom style for this element

After clicking View Fields option in the main section (1) you will see all the fields that will be visible in the Searchbox. To customize the look of this element you can remove (2) already added fields, add new one (3), choose type of data (4) you can use and range of the data (5). At the end when you are happy with all the fields you used you can change order (6).

All the changes you will made will be saved automatically.