Step1: Add a new page from in admin – pages and select the Properties List Half as Template:
Step2: Select what properties to list by default on the page when first landing on the page.
- The map starts with all property pins. Filters apply to all properties.
- You can choose to list properties in a specific order by using the “Default Sort” option or Show only Featured listing
- Show filter options YES/NO do not apply.
- The page does not support shortcodes added in before or after the properties lists.
In order to get the Property List Advanced Options section displayed, you must Refresh the page.
Step3: Set header to Google 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 > Appearance 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 > General > Appearance and on this section have the Half Map page – map option.
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%; } }