WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / FAQ / FAQ: How Map Zoom Works in Hero Media, Category Pages, and Search/List Pages

FAQ: How Map Zoom Works in Hero Media, Category Pages, and Search/List Pages

9 views 0

This FAQ explains why the map zoom can work differently on a normal page, a homepage, a category page, a city page, a property list page, or the Advanced Search Results page.

The homepage map is not a separate map type. If the homepage uses Hero Media > Maps, it works the same as Hero Media Maps on any regular page.

The real difference is this:

  • Normal page Hero Media map uses the map center and zoom saved in the page options or global map options.
  • Category, city, area, taxonomy, property list, and search results maps can auto-zoom based on the property pins loaded on that page.

Content

  • Quick Answer
  • Normal Page Hero Media Map
  • Homepage Map
  • Global Hero Media Map
  • Custom Hero Media Map for One Page
  • Category, Taxonomy, List, and Search Result Maps
  • How Auto Zoom Works
  • Pagination and Map Pins
  • What to Check
  • Important Notes
  • Related Help

Quick Answer

There are two main map behaviors in WPResidence.

1. Hero Media Map on a normal page

This map uses the center point and zoom value saved in the page options or global map options.

Use this for pages such as:

  • Homepage
  • About page
  • Landing pages
  • Custom pages created from Pages > Add New

2. Map on category, taxonomy, property list, or search results pages

These maps are connected to the property list. The theme loads the property pins for the current list/page and can auto-adjust the map zoom to fit those pins.

Use this behavior for:

  • City pages
  • Area pages
  • Property category pages
  • Property taxonomy pages
  • Properties List pages
  • Advanced Search Results page
  • Half Map layouts
Important: If a page is a normal page with Hero Media set to Maps, the zoom is controlled manually. If a page is a list/search/taxonomy page, the map can auto-zoom based on the loaded pins.

Normal Page Hero Media Map

A normal page is a page created from:

Pages > Add New

or edited from:

Pages > All Pages

When this page uses Hero Media > Maps, the map works as a regular Hero Media map.

The map view is controlled by:

  • Maps – Center point Latitude
  • Maps – Center point Longitude
  • Zoom Level for maps
  • Maps height when closed
  • Maps height when open

A lower zoom value shows a wider area.

A higher zoom value shows a closer area.

Example:

  • Zoom 6 shows a wider map view.
  • Zoom 10 shows a closer map view.

Homepage Map

The homepage map works the same as any other normal page Hero Media map.

To edit it:

  1. Go to Pages > All Pages.
  2. Edit the homepage.
  3. Scroll to the WPResidence page options / Appearance options.
  4. Find Select The Hero Header Media Type.
  5. Select Maps.
  6. Set the map latitude, longitude, zoom, and map height.
  7. Update the page.
  8. Clear cache and test again.

If the homepage map is too zoomed in, lower the Zoom Level for maps value.

If the map opens in the wrong area, change the center latitude and longitude.

Important: The homepage map does not auto-zoom like a city/category/search results map unless the homepage is built with a special property list/search map widget that has its own behavior. A normal homepage Hero Media map uses the saved page/global map settings.

Global Hero Media Map

Global Hero Media is managed from:

Theme Options > Header > Hero Media

If the Global Hero Media is set to Maps, the map can apply to pages and archive pages that use the global hero setup.

The global map options are managed from:

Theme Options > Map > Map Settings

Use the global map setup when you want one default Hero Media map behavior across the website.

Important: Changing the Global Hero Media affects all pages and archive pages that use the global setting. It is not limited to one page.

Custom Hero Media Map for One Page

A regular page can override the Global Hero Media.

To set a custom Hero Media map for one page:

  1. Go to Pages > All Pages.
  2. Edit the page.
  3. Scroll to the WPResidence page options / Appearance options.
  4. Set Select The Hero Header Media Type to Maps.
  5. Add the map center latitude and longitude.
  6. Set the map zoom level.
  7. Set the map height when closed/open, if needed.
  8. Update the page.
  9. Clear cache and test the page.

If the page map options are left blank, the page can use the global map settings.

Category, Taxonomy, List, and Search Result Maps

Some pages are not normal WordPress pages. They are generated by WordPress and WPResidence.

Examples:

  • City pages
  • Area pages
  • Property category pages
  • Property action pages
  • Property taxonomy pages
  • Properties List pages
  • Advanced Search Results page

These pages can behave differently when Maps is used as Hero Media or when the page uses a Half Map layout.

On these pages, the map and property list are connected.

The map shows pins for the listings loaded on that page.

Because of this, the map zoom can be adjusted automatically by the theme to fit the loaded pins.

Important: On taxonomy, list, and search results pages, the map is not only a fixed visual header. It is connected to the property results loaded on that page.

How Auto Zoom Works

Auto zoom is used when the map must fit the property pins from the current list or search results.

This means:

  • The theme loads the properties for the current page.
  • The theme loads the map pins for those properties.
  • The map adjusts the view so the loaded pins fit inside the map.

When auto zoom is active, the manual zoom value from Theme Options or page options can be ignored.

This can happen on:

  • Advanced Search Results page
  • Properties List pages
  • Taxonomy pages
  • City pages
  • Area pages
  • Category pages
  • Half Map layouts

This is why a normal homepage Hero Media map and a city/category page map can show a different zoom.

The homepage uses the saved Hero Media zoom.

The city/category page can auto-zoom based on the property pins shown on that page.

Pagination and Map Pins

Pagination affects the pins shown on list, category, taxonomy, and search results maps.

The map usually follows the properties loaded on the current page.

Example:

  • A city has 80 properties.
  • The page shows 20 properties per page.
  • The map shows pins for the properties loaded on page 1.
  • More pins appear when the visitor goes to page 2, page 3, and so on.

Check the number of properties shown per page from:

Theme Options > General > Lists Layout & Sidebar

Also check:

Settings > Reading > Blog pages show at most

Keep these values aligned to avoid pagination differences.

Also check the maximum number of pins allowed on the map from:

Theme Options > Map > Number of Maps Pins Settings

The map pin limit should be equal to or higher than the number of properties shown per page.

Example:

  • If the list shows 20 properties per page, set the map pin limit to 20 or higher.
  • If the list shows 40 properties per page, set the map pin limit to 40 or higher.
Important: If the list shows more properties than the map pin limit allows, the list can show more properties than the map shows pins.

What to Check

For Homepage or Any Normal Page Hero Media Map

Check:

  1. Edit the page.
  2. Confirm Select The Hero Header Media Type is set to Maps.
  3. Set Maps – Center point Latitude.
  4. Set Maps – Center point Longitude.
  5. Set Zoom Level for maps.
  6. Use a lower zoom value if the map is too close.
  7. Update the page.
  8. Clear cache and test again.

For City, Area, Category, or Taxonomy Pages

Check:

  1. Make sure properties are assigned to that taxonomy term.
  2. Make sure the properties are published.
  3. Make sure the properties have latitude and longitude saved.
  4. Check how many properties show per page.
  5. Check the maximum number of map pins allowed.
  6. If file reading for pins is enabled, regenerate map pins.
  7. Clear cache and test again.

For Advanced Search Results or Properties List Pages

Check:

  1. Make sure the search/list page returns the expected properties.
  2. Check if filters are excluding listings.
  3. Check how many properties show per page.
  4. Check the maximum number of map pins allowed.
  5. Remember that the map can follow the current page of results.
  6. Clear cache and test again.

Important Notes

  • The homepage map is the same type of map as Hero Media Maps on any normal page.
  • Hero Media is the visual area below the header/menu and above the page content.
  • Global Hero Media is managed from Theme Options > Header > Hero Media.
  • A normal page can override Global Hero Media from its own page options.
  • Normal page Hero Media maps use the saved center point and zoom value.
  • Category, city, area, taxonomy, property list, and search results maps can auto-zoom based on the pins loaded on the current page.
  • When auto zoom is active, the manual zoom value can be ignored.
  • Pagination affects which listings and pins are loaded.
  • The maximum number of map pins should be equal to or higher than the number of properties shown per page.
  • After changing map settings, clear theme cache, plugin cache, server/CDN cache, and browser cache.

Related Help

Custom Header Media Options

Global Hero Header Media Options

How to set the number of properties listed on one page

FAQ

Related Articles

  • FAQ: Can I create private off-market listings?
  • Why does the homepage map show fewer properties than expected?
  • FAQ – How can I remove the gray or gradient background between images on Property Card Type 5?
  • How can I make the Property Card V8 contact buttons bigger or more visible?

Help Categories

  • 18Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 39Elementor Shortcodes Built-In
  • 53FAQ
  • 15Footer
  • 5Getting Started
  • 37Header
  • 2IDX & MLSImport
  • 6Installation & Setup
  • 24Installation FAQ
  • 23Maps & Location Settings
  • 21Multi-Language - Third Party Plugins
  • 6Other Third party Plugins
  • 21Pages
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 37Property Pages & Layouts
  • 32Search & Filtering
  • 162Technical how to | Custom Code Required
  • 8Technical: Actions and filters
  • 7Technical: Child Theme
  • 86Theme Options & Global Settings
  • 7Translations & Languages
  • 16WPBakery Shortcodes
  • 50WPEstate / WPResidence Translate Plugin
  • 51WPResidence / WPEstate CRM
  • 50WPResidence 5.0 Documentation
  • 9WPResidence Elementor Studio

Join Us On

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