--- title: How to customize the map and list view in the Locations plugin description: Control how users interact with your map and location list using the Design tab in the Locations plugin. --- [Skip to content](https://help.buildfire.com/how-to-customize-the-map-and-list-view-in-the-locations-plugin#main-content) [![buildfire](https://help.buildfire.com/hs-fs/hubfs/bf-wordmark-black.png?width=150&height=35&name=bf-wordmark-black.png)](https://help.buildfire.com?hsLang=en-us) Open main navigation Close main navigation - [Log In](https://app.buildfire.com/login) [Log In](https://app.buildfire.com/login) How can we help you? - There are no suggestions because the search field is empty. 1. [Buildfire Help Docs](https://help.buildfire.com/?hsLang=en-us) 2. [Add Functionality To Your App](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us) 3. [Plugins to run operations & workflows](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows) # How to customize the map and list view in the Locations plugin ## Control how users interact with your map and location list using the Design tab in the Locations plugin. The Locations plugin is one of the most powerful tools in the Buildfire marketplace. This article explains how to customize the layout and user experience using the Design tab. --- ### **Requirements** - This is a **Boost** plugin, available on the **Standard**, **Growth**, and **Scale** plans. - You should first set up your location content—see: **How to add and manage locations in the Locations plugin.** --- ### **How to customize the map and list view** 1. Log in, go to **Builder** in the left navigation 2. Select your **Locations** plugin from the Features list 3. Click the **Design** tab 4. Adjust the **List View Position** 1. Choose whether the list is collapsed, half-expanded, or fully expanded by default 5. Choose a **Default List View Style** 1. Select between a compact list with small images or a wide background-style image card 6. Select a **Map Style** 1. Default is Light Mode 2. You can enable Dark Mode by configuring your Google Maps account 7. Choose a **Default Map Type** 1. Streets (default), Satellite, or Terrain 8. Configure **Quick Filters** 1. Turn off to hide category filter buttons at the top 2. Categories will still be available under the filter icon 9. Enable or disable **Map Style Selection** for users 1. This gives users control over how the map is displayed 10. Choose how **Location Details** are shown 1. Show or hide category and subcategory 2. Display the contributor’s name (if added by a user) 3. Choose whether the map appears at the top or bottom of each location page --- ### **Pro tips** - Hiding quick filters can declutter the screen—users can still filter using the icon. - If you allow user-contributed locations, showing contributor names adds transparency. --- ### **Troubleshooting tips** - If your custom Google Map styles aren’t displaying, double-check your Google Maps configuration and API key. - If images aren’t showing in list view, confirm that each location has a List Image uploaded. - [Buildfire Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#main-content) - [Navigating the Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#navigating-the-control-panel) - [Global Tools](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#global-tools) - [Terms & Policies](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#terms-policies) - [Build Your App](https://help.buildfire.com/build-your-app?hsLang=en-us#main-content) - [Global Settings](https://help.buildfire.com/build-your-app?hsLang=en-us#global-settings) - [Building Your App's Navigation](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-apps-navigation) - [Building Your Login Flow](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-login-flow) - [Building a PWA](https://help.buildfire.com/build-your-app?hsLang=en-us#building-a-pwa) - [Add Functionality To Your App](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#main-content) - [Plugins to drive engagement & community](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-engagement-community) - [Plugins to drive monetization](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-monetization) - [Plugins to run operations & workflows](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows) - [Plugins to show content & media](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media) - [Make Money With Your App](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#main-content) - [Overview](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#overview) - [Apple/iOS](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#apple-ios) - [Google/Android](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#google-android) - [Publish Your App](https://help.buildfire.com/publish-your-app?hsLang=en-us#main-content) - [Overview](https://help.buildfire.com/publish-your-app?hsLang=en-us#overview) - [Apple/iOS](https://help.buildfire.com/publish-your-app?hsLang=en-us#apple-ios) - [Google/Android](https://help.buildfire.com/publish-your-app?hsLang=en-us#google-android) - [Manage Your App](https://help.buildfire.com/manage-your-app?hsLang=en-us#main-content) - [Managing Your App’s Users](https://help.buildfire.com/manage-your-app?hsLang=en-us#managing-your-apps-users) - [Push Notifications](https://help.buildfire.com/manage-your-app?hsLang=en-us#push-notifications) - [Analytics](https://help.buildfire.com/manage-your-app?hsLang=en-us#analytics) - [Connect External Partners](https://help.buildfire.com/connect-external-partners?hsLang=en-us#main-content) - [Google/Android](https://help.buildfire.com/connect-external-partners?hsLang=en-us#google-android) - [Apple/iOS](https://help.buildfire.com/connect-external-partners?hsLang=en-us#apple-ios) - [Zapier](https://help.buildfire.com/connect-external-partners?hsLang=en-us#zapier) - [Meta](https://help.buildfire.com/connect-external-partners?hsLang=en-us#meta) - [Segment](https://help.buildfire.com/connect-external-partners?hsLang=en-us#segment) [![Group 4578 (1)](https://help.buildfire.com/hs-fs/hubfs/Group%204578%20(1).png?width=140&height=33&name=Group%204578%20(1).png "Group 4578 (1)")](https://buildfire.com/) Copyright © 2026, Buildfire