Store Locator Plugin Guide

Language and Translation of Store Locator

Agile Store Locator provides the option to translate the text on the map. Furthermore, this guide will show you how to manually translate the text on the Store Locator Map into other languages.

Firstly, to translate the text a user will first need to manually add the translation for each word that appears on the map.

Steps to Translate the Text

In the below guide we will be translating the words “Search Location” on the map from English to Italian

Pre-Translation Page
Pre-Translation Page
  1. Install the “Loco Translate” Plugin from WordPress and activate it
Loco Translate Plugin
Loco Translate Plugin
  1. On the “Settings” tab, change the site language to the translated language. For example, English to Italian, if you need to translate the text to Italian.
Change Language of the Site
Change Language of the Site
  1. Go to the “Loco Translate” Plugin and navigate to “plugins”
  2. Select “Agile Store Locator” on the “Translate Plugins” page
  3. Choose the language file that needs to be modified (in our case: Italian)
  4. Manually add the translated word(s) to the language file. We have translated the “Search Location” text using google translate and added it to the language file as shown below
Add Translation for Source Text
Add Translation for Source Text
  1. Save the file and Refresh the Store Locator. The text for “Search Location” will now be translated into Italian
Text after Translation
Text after Translation

How to Add a New Word That is Missing From the Language File.

A user might come across a situation where the source text to be translated is missing from the language file. In this case, the user can add the source text to the template file and this will make the source text available to be translated into the language file.

For example, we will be locating the “Discounts” source text in the template file, to make it available for translation.

  1. Go to the “Loco Translate” plugin and select “Plugins”
  2. Choose “Agile Store Locator” on the “Translate Plugins” page
  3. Click on “Edit Template” to access the template file
Access the Template file from “Edit template”
Access the Template file from the “Edit template”
  1. In the Template file, click on the “Sync”  button, and the source text (“Discounts”) will be available in the template file, then press save
“Sync” the template file
“Sync” the template file
  1. Go to the “Loco Translate” plugin and select “Plugins”
  2. Choose “Agile Store Locator” on the “Translate Plugins” page and select a language page (for example English (United States))
  3. On the language page, press the “Sync” button and the new source text (“Discounts”) will be available for translation when it’s typed in the search bar
New Source Text Added
New Source Text Added

How to Display the Store Data in Multiple Languages

Users of Agile Store Locator can display data on their website in multiple languages for the following categories:

  1. Stores
  2. Brands
  3. Categories
  4. Specialties

The data in each of these sections can be changed using the multiple language drop-down menu to change the data from one language to another (provided that there is data entered for the selected language).

Multiple Languages Drop-Down Menu
Multiple Languages Drop-Down Menu

For example, let's suppose a user has two sets of store data one in English and one in German, that are both entered into Agile Store Locator. Furthermore, let's say the user is displaying the English version on the store data on his/her website, and they want to change it to German. Furthermore, to do this the user can simply use the multiple Languages drop-down menu in the “Manage Stores” section to replace the English store data with the German store data (provided a CSV file was imported with German store data).

Note: The multiple language drop-down menu does NOT automatically translate the data from one language to another. Rather, it replaces the current data with another data set that is in a different language.

How to Add a New Language to the Language Drop-Down Menu?

In addition, to add a new language to the multi-language drop-down menu, please follow the below steps:

  1. Go to the “Settings” section on Agile Store Locator
  2. Under “General Settings”, scroll down to the “Site Language” options
  3. Enter a language you wish to enter the data in
Site Language
Site Language

  1. Click on “Save Changes”

Now the selected language will be available in the language drop-down menu.

Note: Any new entries made will automatically be saved in the same language that was selected in the drop-down menu.

For example, in the below screenshot, the entered store data will be saved in German.

Store Data for the German Language
Store Data for the German Language

How to Import/Export as a CSV file With a New Language?

Moreover, to Import a CSV file with a different language, you will simply need to create an extra column with the header “lang” and fill this column with the corresponding language code. Furthermore, leaving the "lang" parameter blank will result in the usage of the default language of the site.

Language Column
Language Column

How to Enforce the Store Locator to Render a Specific Language?

Lastly, to force the store locator to use or display the data in a specific section and a certain language, users can use the below shortcode to do so:

[ASL_STORELOCATOR lang="fr_FR"]

Where “fr_FR” can be replaced with any language code.

How can I change text without installing any other translation plugin?

WordPress works with WPML so the ideal and the recommended way is to change the text via any translation plugin such as Loco or WPML, you can just install it for a few minutes, make your updates to the text changes and delete that translation plugin once your changes are saved, as the job of the translation plugin is only to make changes in the language file. In case you want to avoid installing the language plugin, you have to make edits in the Store Locator Template file, here are the steps for it.

1- Goto the Plugins >Plugin File Editor, and select Agile Store Locator plugin.

2- Open up the template file that you are using, the template files are located under /public/partials/ that you can select from the right sidebar of the file selector.

3- When you open up the correct template file, search for that keyword and replace it with the new one, and save the changes.

Refresh your page to see the changes, in case your changes do not appear, check the page cache or make sure the template file backup version is not being served.

Leave A Comment