Agile Store Locator supports customization of its list and the info windows that appear once you click on a marker. In addition, we have a video guide about how you can customize the Store Locator templates.
Furthermore, you might require the variables’ names that can be used in the customization. We have provided below a list of variables that can be inserted into the template.
{{:id}} {{:title}} {{:address}} {{:city}} {{:state}} {{:country}} {{:postal_code}} {{:street}} {{:open_hours}} {{:description}} {{:description_2}}
{{:dist_str}} // For the distance
{{:c_names}} // For the Categories
{{:str_brand}} // For the Brands
{{:str_special}} // For the Specialities
The custom fields that are created by the “Custom Field Manager” can be used in the same way as the default variables. For example, a field called facebook_url will appear as the following:
{{:facebook_url}}
Example 1: How to Add Store Open Days to the Store List #
Users of Agile Store Locator can add the store opening days to the store list by following the below steps:
- Go to “ASL Setting”, and head over to the “Customizer” tab
- Select the template you are using from the “Template” drop-down menu
- Select “list” from the “Sections” drop-down menu
- Click on “Load Template”
- Insert the below code into the template editor, and click on “Save Setting”
{{if days_str}}
<li class="sl-days">
<i class="icon-calendar"></i>
<span class="txt-hours">{{:days_str}}</span>
</li>
{{/if}}
Once you add the above code the “store open days” (Mon, Tues, Wed, etc.) will be added to the store list.
![Store Open Days in the Store List](https://cdn.statically.io/img/agilestorelocator.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
Example 2: How to Add Store Open Days to the Infobox #
Users of Agile Store Locator can add store opening days to the store infobox by following the below steps:
- Go to “ASL Setting”, and head over to the “Customizer” tab
- Select the template you are using from the “Template” drop-down menu
- Select “infobox” from the “Sections” drop-down menu
- Click on “Load Template”
- Insert the below code into the template editor, and click on “Save Setting”
{{if open_hours}}
<div class="pol-12">
<div class="info-addr-inner">
<i class="icon-clock"></i>
<span class="txt-hours">{{:open_hours}}</span>
</div>
</div>
{{/if}}
{{if days_str}}
<div class="pol-12">
<div class="info-addr-inner">
<i class="icon-calendar"></i>
<span class="txt-hours">{{:days_str}}</span>
</div>
</div>
{{/if}}
Once you add the above code the “store open days” (Mon, Tues, Wed, etc.) will be added to the store infobox.
![Store Open Days in the Infobox](https://cdn.statically.io/img/agilestorelocator.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)