Variables for the Template Customization

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:

  1. Go to “ASL Setting”, and head over to the “Customizer” tab
  2. Select the template you are using from the “Template” drop-down menu
  3. Select “list” from the “Sections” drop-down menu
  4. Click on “Load Template”
  5. 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
Store Open Days in the Store List

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:

  1. Go to “ASL Setting”, and head over to the “Customizer” tab
  2. Select the template you are using from the “Template” drop-down menu
  3. Select “infobox” from the “Sections” drop-down menu
  4. Click on “Load Template”
  5. 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
Store Open Days in the Infobox