Configuration Guide
Like any of the other Listdom skins, to use the Half Map / Half View skin on your site, first, you should make the appropriate shortcode and then you can put that shortcode anywhere on your site.
In your WordPress admin panel navigate to Listdom → Shortcodes. Press the Add Shortcode button.
Now on the “Add New Shortcode” page, we can make a shortcode to show the listings in half map view. Also, any of the other Listdom skins shortcodes can be generated here.
Let’s review the options:
1. Add Title: Type a name for this shortcode.
2. Skin: Select the skin type. Here we choose Half Map / Split View.
3. Style: Choose between 3 available styles for listing cards.
4. Map Provider: Select the source of the skin map between Google Maps and Leaflet (OpenStreetMap).
👉 The Leaflet is only available in the Listdom Pro Add-on.
If the Leaflet is selected, the Map Style, Bubbles, and Map Search options are disabled.
5. Map Style: You can change the default style of the Google Maps. Here you can choose one of these choices:
- Default Style
- Apple Maps Esque
- Blue Essence
- Blue Water
- CDO
- Intown Map
- Light Dream
- Midnight
- Pale Down
- Shades of Grey
- Subtle Grayscale
- Ultra Light
📺 You can see the different map styles on Listdom demo. Click Here
👉 Custom Styles can be added with the Listdom Advanced Map Add-on.
6. Clustering: When you activate this feature, as the map is in a zoomed-out view, the markers on the map are grouped and displayed as a cluster with a numerical value. This value signifies the number of markers within that cluster. Observe that when you zoom into any cluster locations, the numerical value on the cluster reduces, and the individual markers start to appear on the map. Zooming out of the map regroups the markers into clusters once more.
7. Bubbles: changes the style of the cluster bubbles. It has three classic, modern, and clean styles.
👉 The Clean style is available in the Listdom Advanced Map Add-on.
8. Marker/Shape On Click: This option determines the action after clicking the listing icons on the map.
- Open Info Window: Shows summarized info about the listing item in a popup on the map.
- Redirect to Listing Details Page: Redirect to the listing details page.
- Open Listing Details in Lightbox: Shows the listing’s complete information in a lightbox (without reloading the page).
- None: Does nothing
9. Map Search: The ability to filter listings based on the current map position. The user can determine the desired location on the map and the listings around that place will be filtered in the other column automatically.
👉 The Map Search feature is only available in the Listdom Pro Add-on.
10. Map Limit: It’s the number of the listing items on the map. If you increase it to more than 300, then the page may load pretty slowly. We suggest you use filter options to filter only the listings that you want to show.
11. Map Position: Determines the map position to be on the right or left of the listings.
12. Map Height: Maps height in pixels. Don’t insert any unit like px, etc.
13. Advanced Map add-on features: The following 5 features are added by the Listdom Advanced Map add-on. Learn more about these features.
- Marker Type
- Infowindow Style
- External Direction Link
- Global Restrict Bounds
- Auto GPS
👉 Install and activate the Listdom Advanced Map Add-on to use these features.
14. KML Layers: Select the KML layers added to the site. Learn more.
👉 The KML Layers are available in the Listdom KML Add-on.
15. Default View: Select the default view of the listings. Here you can choose between the List view and the Grid view. The user can toggle the view in the front end.
16. Listings Per Row: Select the number of listings per row for Grid view.
17. Limit: Number of Listings before loading more. It should be a multiple of Listings Per Row option. For example, if Listings Per Row is set to 3, you should set the limit to 3, 6, 9, 12, 30, etc. It helps to have a better look after loading more listings.
18. Pagination Method: By default, the listings count is limited to the amount you’ve set (The previous part on this page). Then you can select how you want to show more items.
- Load More Button: Adds the Load More button at the end of the list of items
- Infinite Scroll: Loads more items by scrolling down.
- Disabled: Does not add any item to the directories list.
19. Listing Link: Select the destination of the listings links:
- Same Window: Opens the listing detail page on the same browser window.
- New Window: Opens the listing detail page on a new window.
- Open in Lightbox: Shows the listing detail in a lightbox.
- Disabled: Disables the link.
20. Display Image: Deactivate the listing image.
👉 The Listing Link and Display Image features are only available on Listdom Pro Addon.
12. Image Method: If the listing has an image gallery, this option can show the gallery instead of the feature image. it shows a slider with navigation arrows on the card.
22. Display Labels: Determine whether to display the listing labels on the image or not.
23. Display Share Buttons: By activating this option a share icon will be displayed on each listing card. By hovering this icon the share buttons appear.
24. Display Matched Bookables: This option shows the Matched Bookables. Learn more.
👉 The Display Matched Bookable Option is available in the Listdom Booking Add-on.
The other options on the page are common between different types of skins shortcodes. You can read about Skins Shortcodes Common Settings.
Finally, press the Publish button.
To use this shortcode and show the listings in Half Map / Half View, you can put the shortcode anywhere on your site.
