WP Residence Help WP Residence Help

  • WpEstate
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / 07. Property Lists, Categories & Archive / Properties List – Half Map Style

Properties List – Half Map Style

7206 views 0

The Properties List Half Map Page is a special list template provided by WPResidence that shows a map and property listings together on one page. This layout is especially useful when your visitors want a visual, location-aware browsing experience. On one side they see a map showing property pins, and on the other they see the matching property list.

This help file explains how to create and configure this Half Map layout step by step, what the key options do, and how the layout behaves.

Learn how to set up and customize the Half Map Search design and layout in WPResidence latest theme update. 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

How to Create a Half Map Page

Go to your WordPress dashboard:

  • Navigate to Pages → Add New.
  • Enter a title (for example, Map Search).
  • In the Page Template dropdown, choose Properties List Half.
  • Save or Publish the page.

This tells WPResidence that this page should use the Half Map layout instead of a standard list layout.



Decide What Properties Load First

After creating the page, you can configure how properties appear when a visitor first lands on it. These options are available inside the page editor under Property List Advanced Options.

  • The map will initially display all property pins.
  • Filter options apply to all properties, not only the visible list.
  • You can choose a default sort order, such as price or date.
  • You can choose to display only featured listings, if desired.

In order to see the Property List Advanced Options section, you must refresh the page after selecting the Half Map template.

 

Set the Hero Media Header to Maps

For the Half Map layout to work correctly, the page header must be set to Maps. You can configure this in one of two ways:

  • Globally, from Theme Options → Header → Hero Media Options, or
  • Individually for this page, from Appearance Options → Hero Media Type in the page editor.

This ensures the map is visible at the top of the page and properly integrated with the Half Map layout.

Read more about the global header setup here:
Global Header Options.



Set Number of Properties per Page

Even though the Half Map layout emphasizes location, it still uses standard pagination.

In Theme Options → General → Lists Layout & Sidebar, set No of properties per page to the number of items you want displayed before pagination appears.



This value should match Settings → Reading → Blog pages show at most to keep pagination behavior consistent across the site.



Set the Half Map Template layout settings

The Half Map Template options control how Half Map pages look and behave across WPResidence.

From this section you can:

  • Show or hide the search bar
  • Select which search layout is used
  • Control how compact the search fields are
  • Choose whether the page opens in Map View or List View
  • Set the map position (left or right)
  • Decide whether the footer is displayed

These options control layout and presentation only. They do not control which properties are loaded or how search filtering works.



Set the search form fields

The search form displayed on Half Map pages is controlled by the Advanced Search Form settings.

These options define the structure, filtering logic, and behavior of the search form used inside the Half Map template, as long as the search is not created with the Elementor Search Form Builder.

This includes the search bar shown in the header area, above the map, or integrated into the Half Map layout.

Any changes made here directly affect how both the property list and the map pins respond to user searches.

Help article for Advanced Search Custom Fields setup



Technical – Change the width of map and filters area

If you want to adjust the width of the map and content areas in the Half Map layout, you can use custom CSS.

Read how to add custom CSS here:
How to add 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%;
  }
}
07. Property Lists, Categories & Archive

Related Articles

  • Theme Options -> Half Map Template
  • How to manage Sold properties in WP Residence Theme
  • How to manage Property order in Lists
  • Property Taxonomies / Categories

WP Residence Documentation

  • 01. Getting Started
    • How to Get Support
    • Get your buyer license code.
    • Use SSL / https
    • Server / Theme Requirements
  • 02. Installation & Setup
  • 03. Installation FAQ
  • 06. Search & Filtering
    • Advanced Search Display Settings
    • Advanced Search Form
    • Geolocation Search for Half Map
    • Save Search Theme Options
    • Advanced Search Colors
  • 09. Agent, Agency & Developers
  • 08. Property Pages & Layouts
  • 07. Property Lists, Categories & Archive
  • 13. WPResidence Elementor Studio
  • 10. Blog Posts & Blog List
  • 11. Shortcodes
    • Contact Form
    • Featured Agency/Developer
    • Membership Packages
    • Testimonials
    • Google Map with Property Marker
    • Listings per Agent, Agency or Developer
    • Display Categories
    • Agent List
    • Recent Items Slider
    • Recent items
    • List Properties or Articles by ID
    • Featured Agent
    • Featured Article
    • Featured Property
    • Login & Register Form
    • Icon Content Box Shortcode
  • 12. Widgets
  • 04. Theme Options & Global Settings
    • General Settings
    • User Types Settings
    • Appearance
    • Logos & Favicon
    • Header
    • Footer Style and Colors
    • Price & Currency
    • Property Custom Fields
    • Features & Amenities
    • Listing Labels
    • Theme Slider
    • Permalinks
    • Splash Page
    • Social & Contact
    • Map Settings
    • Pin Management
    • How read from file works
    • General Design Settings
    • Custom Colors Settings
    • Header Design & Colors
    • Mobile Menu Colors
    • User Dashboard Colors
    • Print PDF Design
    • Property, Agent, Blog Lists Design Settings
    • Sidebar Widget Design
    • Font management
    • How to add custom CSS
    • Custom Property Card Unit – Beta version
    • Email Management
    • Import & Export theme options
    • reCaptcha settings
    • YELP API Integration
    • iHomefinder Optima Express IDX
    • MEMBERSHIP & PAYMENT Settings
    • Property Submission Page
    • PayPal Setup
    • Stripe Setup
    • Wire Transfer Payment Method
  • 20. Translations & Languages
  • 26. FAQ
  • 10. Pages
  • 11. Header
  • 12. Footer
  • 05. Maps & Location Settings
  • 18. Payments & Monetization
  • Plugins
    • 19. Included Plugins
    • 22. Third Party Plugins – IDX Compatibility
    • 21. Third-Party Plugins – Multi-Language
    • 23. Third party Plugins – Other
  • Technical
    • 24. Technical how to | Custom Code Required
    • 25. Technical: Child Theme

Join Us On

Powered by WP Estate - All Rights Reserved
  • WpEstate
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API