WP Residence Help WP Residence Help

Home / 7. Properties List / Properties List – Half Map Style

Properties List – Half Map Style

7057 views 0
Before reading this help file you may want to check this video. It explains theme functionality and may be easier to understand. Watch Video on Youtube
In this video, you will learn how to change the order of properties in Categories pages, Advanced Search Results Page, Properties List Directory, Property Standard List, and Half Maps-Properties List. Watch Video on Youtube

Step 1: Add a New Page
Go to Admin > Pages, add a new page, and select “Properties List Half” as the page template.

Step 2: Choose What Properties to List
Set which properties are listed by default when the page loads.

  • The map will display all property pins.

  • Filters apply to all properties.

  • You can choose a default sorting method using the “Default Sort” option.

  • You can also choose to show only featured listings.

In order to get the Property List Advanced Options section displayed, you must Refresh the page.

Step3: Set header to Maps
You can set the global header to Google Maps. Read more about the global header setup here.
Or set custom header to Google Maps from Appearance Options section.


Step4: Select the number of properties you wish to be listed on one per page
Navigate to Theme Options > General > List Layout & Sidebar and type the no of properties you wish to be listed on one page on Properties List – Properties number per page option.

You must have the same value also setup to admin Settings > Reading to Blog pages show at most option.


Step5: Set the map position
Navigate to Theme Options > Maps> Maps Settings in Half Map Layout and on this section have the Half Map page – map option.

Step6: Show Footer in Half Map

Do this from Theme Options – Footer – Footer layout

 

Technical – Change the width of map and filters area

If you wish to make the map width and content width use the below custom CSS:

@media screen and (max-width: 1450px) and (min-width: 1024px) {
#google_map_prop_list_sidebar {
width: 55%;
}
}
@media screen and (max-width: 1450px) and (min-width: 1024px) {
#google_map_prop_list_wrapper {
width: 45%;
}
}
7. Properties List

Related Articles

  • How to manage Sold properties in WP Residence Theme
  • How to manage Property order in Lists
  • Properties List – Standard Style
  • How to enable Zillow Card Modal for Property Unit

WP Residence Documentation

Join Us On

Powered by WP Estate - All Rights Reserved