Skip to content
Log in Sign up

Location Field based on predefined list (taxonomy) instead of Google Maps

Replace Listivo's Google Maps location field with a taxonomy dropdown of places you define yourself, then show that field on ad cards, the ad page, search results and the homepage.

3 minute read

Google Maps integration can be useful, but not all websites need it. In some cases, a simple list of cities is sufficient. This article will show you how to remove the default Location Map and replace it with a dropdown list.

Step 1: Removing the Location Field

  1. 1 Open Custom Fields

    In WordPress, go to Listivo Panel > Custom Fields.

    WordPress sidebar with Listivo Panel expanded and Custom Fields highlighted; the Custom Fields screen lists fields such as Category, with an Add New Field button at the top.
  2. 2 Delete the Location field

    Find the Location row and click Delete.

    Custom fields table with the Location row outlined — slug "location", type "Location" — and its Edit and Delete buttons on the right, among Gallery, Attachments and Facebook URL rows.
  3. 3 Confirm the deletion "Are you sure?" confirmation dialog with a purple Confirm button and a grey Cancel button, over a list of taxonomy fields.

Step 2: Adding a New Location Field

  1. 1 Start a new field

    Go to Listivo Panel > Custom Fields and click Add New Field.

    Custom Fields screen with arrows pointing at Custom Fields in the Listivo Panel menu and at the Add New Field button; the table lists Category, Price, Bedrooms and Bathrooms.
  2. 2 Name it "Location" and choose the "Taxonomy" type Add New Field form with "Location" typed in the Name box, Type set to Taxonomy, and a blue Add Field button below.
  3. 3 Set multilevel and search logic

    In the next window, choose whether you want it to be multilevel (e.g. Province > City) and set the Search Logic to "OR" so that users can search for multiple locations at the same time.

    Field settings with the Multilevel checkbox ticked — described as allowing a multi-level hierarchy of terms — and Search Logic set to OR.
  4. 4 Save the field

    Scroll down to the bottom of the settings.

    Blue Save Changes button with the mouse cursor resting on it.

Step 3: Create a predefined list of locations

  1. 1 Open the Location taxonomy

    Hover over Listings and select Location.

    WordPress admin menu with the Listings submenu open — Category, Contract Type, Make, Model, Features and more — and Location highlighted near the bottom.
  2. 2 Add your values Add New Location screen with "New York" typed in the Name field and the Add New Location button below; the term list on the right already shows Washington, Delaware and New York.
  3. 3 Add subregions

    If you turned on Multilevel in the Location field's settings, you can also create subregions.

    Add New Location form with "Manhattan" in the Name field and Parent Location set to New York; the term list shows Manhattan and Brooklyn indented beneath New York.

To import a large list of cities from plain text, go to Listivo Panel > Advanced > Term Importer and type each city on a new line. Then, click the import button.

Listivo Panel Advanced screen with the Terms Importer tab open, Taxonomy set to Location, and Los Angeles, Chicago and Houston typed on separate lines above the Import button.
One level at a time
The Term Importer does not currently support importing multiple levels of hierarchy for taxonomy fields.

The newly added locations will be included in your Location Field list.

Add New Location screen whose term list now includes Chicago, Houston and Los Angeles alongside New York with its Brooklyn and Manhattan children, Delaware and Washington.

Step 4: Adding the Location Field to the Ad Card

  1. 1 Open Design Settings

    Go to Listivo Panel > Design > Design Settings.

    Listivo Panel Design screen with arrows pointing at Design in the sidebar and at the Design Settings button.
  2. 2 Select Ad Card Theme Style list showing Design, Ad Card, Featured Ad Card and Quick preview, with the cursor on Ad Card.
  3. 3 Add it to Attributes and Row attributes

    Adding it in both places makes it show up in your cards.

    Ad card editor with an Attributes item and a Row attributes item, each showing an empty icon box and Field set to Location, plus an ADD ITEM button between them.

Below is an example of how the Location field will be displayed. Note that the colors and design may vary depending on your global settings.

Listing card titled "Little kittens" priced $25, with a photo of kittens in a basket and an arrow pointing at the New York location tag under the price.

Since the Location field is usually an important one, we recommend that you go to Listivo Panel > Custom Fields and drag and drop it higher in your hierarchy.

Now, when you visit the front-end add ad page, the Location field will be available and displayed as shown below:

Front-end add ad form, General info section, with the Location dropdown open and listing Chicago, Houston, New York, Delaware, Washington and Los Angeles.

Step 5: Editing the Ad Page Template

To add the Location Field to your single ad page, go to Listivo Panel > Templates and edit the Ad Page template.

Templates screen with the Ad Page tab selected, listing the Carousel, Mosaic and Gallery templates; Gallery is selected and its Edit button is highlighted.

You can place it anywhere you like, either as one of the existing widgets or by creating a new widget.

Elementor "Edit Ad attributes V3" panel with Item #1 Field set to Location and an ADD ITEM button; the preview beside it shows the "Little kittens" ad with New York, Pets and Cats tags.

Step 6: Editing the Search Results Template

To add the Location Field to your search results page, edit the template here

Templates screen with the Search Results Page tab open, listing Sidebar Search, Map Search and Horizontal Search; Sidebar Search is selected and its Edit button highlighted.

and place it in the Primary or Secondary Fields section.

Elementor search widget editor with a Location field in the Primary fields list, next to a preview of the Listivo search results page showing an "I'm looking for..." box and a Location box above the results.

Step 7: Editing the Homepage

Finally, to add the Location Field to your homepage, simply edit the homepage

WordPress admin bar on the Listivo homepage with an arrow pointing at the "Edit with Elementor" button and its dropdown showing Layout Light, Site Settings and Theme Builder.

and add it the same way you added it to the Search Results Template.

Elementor "Edit Search form V2" panel with a Location field in the field list, beside the homepage hero "Find Anything Around You." showing the search box and a Location box.

By following these steps, you can easily replace the default Location Map with a dropdown list of cities on your Listivo-powered website.

Keep reading

Bulk add terms (Makes, Models, Cities etc) Multilevel custom field

Ask the people who build Listivo

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?