Agile Store Locator allows its users to customize their map markers and store lists with labels, and this has many advantages. Firstly, this will enable your markers and store lists to display one more piece of information to your customer. Secondly, your markers and store lists will appear more organized. Lastly, from matching the markers to the store list to numbering the stores by distance for a customer, adding marker labels is a subtle way to make your store locator map more practical.
Adding Labels to Map Markers #
To add the labels on your map marker, please follow these steps:
Firstly, use the below shortcode to activate the marker labels:
[ASL_STORELOCATOR marker_label="1" label_origin="30x25" icon_size="60x60"]
A few things to understand about the above shortcode:
- The “1” next to “marker_label” implies that the labels are active
- The “label_origin” value indicates the position of the label relative to the marker’s center
- The “icon_size” value indicates the size of the label.
Furthermore, the values for “label-origin” and “icon_size” can be adjusted to re-position and change the size of the label in the marker, according to the user’s preference.
In addition, users can use the below link to get access to a marker with excellent image quality.
Adding Labels to the Store List. #
In addition, users are also capable of having the label on the markers appear on the store list. Thereby, perfectly matching the items on the map to the store list.
Furthermore, to label the store list please use the below shortcode and follow the below steps:
{{if label}}{{:label}} - {{/if}}
- Copy the above code
- Navigate to “Plugin” and go to “Plugin Editor”
- Select “public”, then “partial” and then finally select the appropriate template .php file
- Paste the code under the “tmpl_list_item” script tag
Now your store list will also be labeled as shown in the below image.