How to Add Images Through URLs in the Store Locator?

It is possible for Agile Store Locator users to display images via URL on the store locator page. Moreover, the procedure to add images via URL is summarized in the following steps:

1- Create a new custom field for the image URL

2- Add an image URL to a store

3- Add HTML code that relates to the newly created field in the “Template Editor”

Firstly, you will need to create a custom field for the image by following the below steps:

1. Go to “ASL Settings”, 
2. Navigate to the “Manage Additional Fields” section
3. Create a “label” and “control name” for your image. For example, “Avatar” (Label) and “avatar” (Control name)

4. Go to the “Stores” section, and assign an image to a store by pasting the image URL in the newly created “Avatar” field

5. Click on “Update Store”

Now the Image URL has successfully been assigned to the store.

Secondly, please follow the below steps to display the image on the store locator:

1. Go to “ASL Settings” and navigate to the “Customizer” section
2. Select your “Template” and the “Section” where you want the image to appear (list or infobox), and click on “Load Template”
3. Insert the HTML code that relates to the new field you created (“Avatar” in our example) into the “Template Editor”

4. Click on “Save Template”

Lastly, refresh the store locator page, and the image you added will appear on the store list.