Reset Map to Always Appear

Do want to add the reset map button to always appear over the map? for that you can include this line of CSS that will make it appear over the map all the time, here are the CSS rules.

#asl-storelocator.asl-cont .asl-map-canv .asl-reset-map {display: block !important;}

To include the CSS, you can follow this guide about how to include the above CSS rule.

Add Another Reset Button #

Since version 4.9.10, we have associated the reset button to a class named as “asl-reset-btn“, so any HTML element having that class will act as reset button, you can customize the view file and add the reset button, the view file template file located at the following path:

/agile-store-locator/public/partials/template-frontend-0.php

The HTML code that you will add to include another reset button.

<div class="pol-lg-2 pol-md-3  pt-2 mt-1">
  <div class="d-flex align-items-center h-100">
    <a class="asl-reset-btn btn btn-secondary text-white px-3 py-2 "><?php echo asl_esc_lbl('reset') ?></a>
  </div>
</div>

Once the following HTML code is adding the button will appear and will work as the reset button.

Once you get it working, you can make the backup of your partial view file to avoid getting it removed by updates.