WP Residence Help WP Residence Help

  • WpEstate
  • How to Build Your Website
  • Video Tutorials
  • Client Support
  • API
Home / 7. Properties List / Properties List – Half Map Style

Properties List – Half Map Style

6856 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

  • 1. General
    • How to Get Support
    • Get your buyer license code.
    • Use SSL / https
    • Server / Theme Requirements
  • 2. Installation
  • 3. Installation FAQ
  • 4. Advanced Search
    • Advanced Search Display Settings
    • Advanced Search Form
    • Geolocation Search for Half Map
    • Save Search Theme Options
    • Advanced Search Colors
  • 5. Agent, Agency & Developers
  • 6. Property Page
  • 7. Properties List
  • 8. Property Taxonomies
  • 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
  • Theme Options
    • 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
  • Translation
  • FAQ
  • Pages
  • Header
  • Footer
  • Google or Open Street Maps
  • Payment Options
  • Plugins
    • Included Plugins
    • Third Party Plugins – IDX Compatibility
    • Third Party Plugins – Multi Languages
    • Third party Plugins – Other
  • Technical
    • Technical how to | Custom Code Required
    • Technical: Child Theme

Join Us On

Powered by WP Estate - All Rights Reserved
  • WpEstate
  • How to Build Your Website
  • Video Tutorials
  • Client Support
  • API